Question

需要定位列表中的最后一个班级。 :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>

Answer 1

您可以使用.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>

是否有针对最后一类的CSS选择器？

1 个答案: