是否有任何CSS选择器来定位最后一堂课? [重复]

问题描述 投票:0回答:1

这个问题在这里已有答案:

需要定位列表中的最后一个类。 :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>
css css3 sass css-selectors text-styling
1个回答
-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>
© www.soinside.com 2019 - 2024. All rights reserved.