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 { .... } 로 들어가야됩니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
sinbi쓰임새를 자세히 확인해 보세요.
답변에 대한 댓글 3개
sinbi아래 좌표글도 참고해 보세요.
해당 요소에 영향을 미치는 선택자가 뭔지 확인
https://homzzang.com/b/css-251
적용한 CSS 반영 안 될 때 조치사항
https://homzzang.com/b/css-248
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인