Abgesehen davon frage ich mich, warum hier ein Zeichen als Separator verwendet wird. Ist das für A11Y günstiger? Oder kann man nicht auch das verwenden, was da real dargestellt wird: ein RAND?
.top li:not(:last-child)::after {
content: '';
margin: 0 0.5em;
border-right: 3px solid black;
}
Und dann der Gedanke des Halbwissenden: Könnte man den dann nicht auch ohne :after Element direkt ans li kleben? Man muss dann nur mit padding arbeiten...
.top li {
padding: 0 0.5em;
}
.top li:not(:last-child) {
border-right: 3px solid black;
}
Rolf