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

Question

我nav ul li:after在css中有一个定义，例如：

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>

是否可以？怎么做？

Answer 1

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

在这种情况下，你应该打电话

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

Answer 2

通常我会建议使用该style属性，但遗憾的是我并没有真正使用:later. 因此，正如已经提到的，您必须处理一个类或一个 id，然后在 css 中定位它。