是否有单独使用 CSS 有条件地设置最后 n <li> 个元素的样式？

Question

最初我将li样式设置为

li.s {
color: red;
}

下面是清单：

<ul>
<li class="s">First element</li>
<li class="r">Second element</li>
<li class="s">Third element</li>
<li class="s">First element</li>
<li class="r">Second element</li>
<li class="s">Third element</li>
<li class="s">Third element</li>
<li class="r">Second element</li>
<li class="s">Third element</li>
<li class="s">Second element</li>
</ul>

我想知道是否有任何方法可以用类"改变最后一个"n"li元素的颜色；s"？

Answer 1

这就是您想要的你可以在这里阅读更多信息https://developer.mozilla.org/en-US/docs/Web/CSS/:last-子

li:last-child {
color: red;
}