在html中而不是通过css将样式应用于nav ul li

我在css中有一个

nav ul li:after

定义，如：

nav ul:not(.first) li:after {
    margin-left: 10px;
    content: '';
    color: #bbb;
}

但要去掉not（.first），因为它会影响页面中的其他“nav”。。。 我想将属性应用于特定的

导航ul，li:after

，其他导航都很好，仅此我想应用此样式：

 <nav>
    <ul>
        <li id="all">All</li>
        <li id="web">WEB</li>
        <li id="print">DesignD</li>
        <li id="illustration">Illustration</li>
    </ul>
</nav>

全部
web
设计
插图

---

可能吗？怎么做？

我很确定我知道你在想什么，但如果我错了，请原谅我。您想将这些样式仅应用于第一个li吗

那样的话，你应该大声说出来

nav ul:first-child li:after {
margin-left: 10px;
content: '';
color: #bbb;
}

---

通常我会建议使用

样式

属性，但遗憾的是我没有真正使用

：稍后

。

---

如前所述，您必须使用一个类或id，然后在css中定位它。

然后给它一个类名并直接定位它。问题是什么？但是有可能直接在代码中执行吗？你能举个例子吗？代码中的直接含义是什么？难道您不知道如何向元素添加类吗？