<div class="commentList">
<article class="comment " id="com21"></article>
<article class="comment " id="com20"></article>
<article class="comment " id="com19"></article>
<div class="something"> hello </div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想选择#com19?
.comment {
width:470px;
border-bottom:1px dotted #f0f0f0;
margin-bottom:10px;
}
.comment:last-child {
border-bottom:none;
margin-bottom:0;
}
Run Code Online (Sandbox Code Playgroud)
只要我div.something在commentList中有另一个作为实际的最后一个孩子,那就不起作用了.在这种情况下是否可以使用last-child选择器来选择最后一次出现article.comment?
我有一个包含行的列表,每个列li都有一个data-status值为1-5 的属性:
<ul>
<li data-status="1"></li>
<li data-status="2"></li>
<li data-status="2"></li>
<li data-status="1"></li>
<li data-status="1"></li>
<li data-status="2"></li>
<li data-status="3"></li>
<li data-status="4"></li>
<li data-status="5"></li>
<li data-status="5"></li>
<li data-status="1"></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我希望每个奇怪li的data-status是1是有不同的背景,是否可以在CSS中做?