在html中通过css将样式应用于导航ul li

Question

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

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

但要摆脱not（.first），因为它正在影响页面中的其他“nav”... 我想将这些属性应用于特定的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中进行定位。