Html

试试

.last ns>li:first child>a:：before

。看

---

选择器仅选择指定父级的直接子级。

使用

CSS选择器。如果您有选择器

.Foo>.Bar

，它将仅将该样式应用于具有

.Bar

类的

.Foo

的直接子元素

例子 HTML

<div class="foo">
    <div class="bar" id="first">
        <div class="bar"></div>
        <div class="bar"></div>
        ...
    </div>
</div>

---

在本例中，具有

#first

id的元素将是唯一具有

背景：红色

样式的元素。

这是正常行为。您可以在第一个.last ns元素上添加另一个类并使用.last-ns.You-new-class li:first child

。last ns

是一个

ul

。在它之后选择

ul

对你没有好处。@MehdiBrillaud我试过你的方法，但什么也没发生

.last ns

是我的父

ul

元素，该元素具有其他

ul

元素和

li

元素的

li

。我只需要

.last ns

父元素中的第一个

li

元素。@Krii你说得对。那是我的一个错误。哦，是的，对不起，我读你的标记有点太快了；）Krii发布了正确的答案。当我将其更改为

.last ns>li:first child a

时，它将选择我的

类中的所有
a
元素。我将代码更改为
。last ns>li:first child a{background:red；}
并且仍然是我的
中的所有
a
元素。上一个ns
类被更改。一个KRI解释说，我可以多次使用该
选择器。所以我的解决方案变成了
.last ns>li:first child>a{background:red；}
。谢谢你的帮助。
<div class="foo">
    <div class="bar" id="first">
        <div class="bar"></div>
        <div class="bar"></div>
        ...
    </div>
</div>

.foo > .bar
{
    background: red;
}