Question

I have a nav ul li:after definition in a css like:

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

But to get rid of the not(.first), because it is affecting other “nav” in the page…
I want to apply the properties to a specific nav ul, li:after, the others nav are fine, only this I want to apply this style:

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

Is it possible? How to do it?

Answer 1

Normally I’d suggest using the style attribute but sadly I doesnt really work with :later.
So as already mentioned you will have to work a class or an id and then targeting it in css.