CSS: not (: último filho): depois do seletor
Tenho uma lista de elementos com o seguinte estilo:
ul {
list-style-type: none;
text-align: center;
}
li {
display: inline;
}
li:not(:last-child):after {
content:' |';
}
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
OutputsOne | Two | Three | Four | Five |
ao invés deOne | Two | Three | Four | Five
Alguém sabe como selecionar CSS, exceto o último element
Você pode ver a definição de:not()
seletorAqu