<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?
<a href="example1.com"> innerHTML1 </a>
<a href="example2.com"> innerHTML2 </a>
<a href="example3.com"> innerHTML3 </a>
Run Code Online (Sandbox Code Playgroud)
我想基于内部HTML使用CSS选择器设置第二个(innerHTML2)样式.这可能吗?我尝试过使用a[value=innerHTML2]它似乎没有用.
我如何从以下代码中获取最后一个元素(hr):
<div>
<div>
<span class="hr"></span>
</div>
<div>
<span class="hr"></span>
</div>
<div>
<span class="hr"></span> <!-- I need this -->
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
.hr:last-child 不起作用.
当然,DOM结构可能更复杂.我只需要获取最后需要的元素.