Comment count brackets issue

[zvuc]

커밋 0f8166361843bc033f26d749cead979c08b85204 에서 스킨에 출력되는 코멘트 숫자 괄호를 지우신것 같은데요, 이건 사실 스킨 디자인 상 제가 평소에 원하던 기능이기도 했습니다만 (스킨상에서 괄호를 없애고 싶은 경우 소스 수정하지 않고 할 수 있는 방법이 없었던지라)

반대로 평범하게 괄호를 출력해야하는 경우 skin.html상에서 그냥 치환자 바깥에 괄호를 넣으니 댓글이 없는 상태 (0)에서 괄호만 출력이 되는 문제가 있습니다. <s_list_rep_rp_cnt>같은 규격을 추가해서 html이 생성될때 값에 따라서 안에 포함된 <span>자체를 출력 안하게 한다든가 하는 방법이 필요할것 같습니다.

<ul class="listbox">
    <s_rctps_rep>
    <li>
    <a href="[##_rctps_rep_link_##]" class="postlink">
        <span class="posttime top">[##_rctps_rep_time_##] <span class="slash">/</span></span>
        <span class="box">
            <span class="posttitle">[##_rctps_rep_title_##]</span>
            <span class="commentCount">[##_rctps_rep_rp_cnt_##]</span>
        </span>
        <span class="posttime bottom">[##_rctps_rep_time_##]</span>
    </a>

    </li>
    </s_rctps_rep>
</ul>

위 스크린샷 (제 블로그)의 해당 부분 skin.html 구조입니다.

사이드바에 들어가는 글 목록도 동일한 문제입니다.

[achimnol]

CSS3에 있는 :empty selector를 사용하시면 .commentCount 안에 내용이 없는 경우 괄호를 숨길 수 있습니다. (IE9 이상 지원)

.commentCount:before {
    content: "(";
}
.commentCount:after {
    content: ")";
}
.commentCount:empty:before {
    content: "";
}
.commentCount:empty:after {
    content: "";
}

[zvuc]

! :empty 셀렉터는 처음 알았군요. 이런 방법도 있네요 ㅋㅋ 감사합니다.

[inureyes]

그럼 닫겠습니다~