css li:last-child선택자가 동작을 안하네요
본문
소스코드는 아래와 같은데요
이미지의 게시판추출중 제일 밑에 있는거만 border-bottom:0px solid #e9e9e9;를 적용하고 싶은데
안되네요 뭐가 잘못된거죠?
<style>
.m_bod{ border-bottom:1px solid #e9e9e9 ; }
.m_bod:last-child { border-bottom:0px solid #e9e9e9; }
</style>
<div class="m_bod">
<table border="0" cellpadding="0" cellspacing="0" style="width:100%; ">
<tr>
<td align="left" style="text-align:left; height:50px">
<div class="ellipsis_line1 font_16" style="width:520px; height:18px; overflow:hidden">
<a href="bbs_detail.php?bbs_num={{BOARD.number}}&b_category={{_GET.b_category}}&tb={{B_CONF.tbname}}" style="letter-spacing:-1px; color:#333">
{{BOARD.bbs_title}}
</a>
</div>
</td>
<td align="right" style="color:#999999;" class="font_14 font_tahoma">{{BOARD.bbs_date}}</td>
</tr>
</table>
</div>
답변 2
m_bod 라는 div가 반복되는게 아니고 테이블 안에 tr이 반복되는거죠.
.m_bod table tr:last-child { .... } 로 들어가야됩니다.
맞네요 저도 착각을 하고 있었네요 감사합니다
div가 안된다구요?
만약, m_bod 클래스 가진 저런 div가 여러 개일 때, 저 div가 마지막 것이라면 적용됩니다.
아래 좌표글도 참고해 보세요.
해당 요소에 영향을 미치는 선택자가 뭔지 확인
https://homzzang.com/b/css-251
적용한 CSS 반영 안 될 때 조치사항
https://homzzang.com/b/css-248
자세한 설명 넘 감사합니다^^
