Apply style to nav ul li after in html not via css

[Serapis80]

I have a \[code\]nav ul li:after\[/code\] definition in a css like:\[code\]nav ul:not(.first) li:after { margin-left: 10px; content: ''; color: #bbb;}\[/code\]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 \[code\]nav ul, li:after\[/code\], the others nav are fine, only this I want to apply this style: \[code\] <nav> <ul> <li id="all">All</li> <li id="web">WEB</li> <li id="print">DesignD</li> <li id="illustration">Illustration</li> </ul></nav>\[/code\]Is it possible? How to do it?