这个问题在这里已有答案:
需要定位列表中的最后一个类。 :last-child
和:last-of-type
在这种情况下不起作用。
想要在下面的标记中定位最后一个.a
。
我的最后一个选择是使用JS将新类添加到我想要避免的.a
。
a.last-of-type {
background: red;
}
<div class="a">A</div>
<div class="a">A</div>
<div class="a">A</div>
<div class="a">Need to target this element</div>
<div class="b">B</div>
<div class="b">B</div>
您可以使用.a:last-child来定位最后一个类。 :last-child选择器匹配作为其父级的最后一个子元素的每个元素。
<html>
<head>
<style>
.a:last-child {
background: #ff0000;
}
</style>
</head>
<body>
<div class="a">A</div>
<div class="a">A</div>
<div class="a">A</div>
<div class="a">Need to target this element</div>
</body>
</html>