CSS :: list-item上的last-child

Question

如果ul有多个类的li项,是否可以使用:last-child获取特定类的最后一项？

例如,请考虑以下事项:

<ul class="test">
    <li class="one">
    <li class="one">
    <li class="one">
    <li class="two">
    <li class="two">
</ul>

我想为最后一个具有"one"类(即列表中的第三个)的li添加一些样式.

我试过跟随,它不起作用.

ul.test li.one:last-child 

Answer 1

这是不可能的还.

• :last-child 选择最后一个孩子,无论标签名称如何等.
• 可能的替代方案是:last-of-type选择标签的最后一次出现.它忽略了类名等.

您唯一的选择是为该元素添加特定的类名,或使用JavaScript添加此类名.

Answer 2

您可以选择第 n 个孩子，而不是为每个 li 上课，您可以在其中按 li 编号分配样式。

如果你想为你的第三个 li 提供单独的 css 那么你需要写

li:nth-child(3) {
    color: green;   
}