Elemente per CSS ausschließen

Manchmal möchte ich die li's in der Subnavigation stärker durch einen Trennstrich voneinander trennen.

Mit folgendem kurzen Befehl könnt ihr alle li's in einer Subnavigation ansprechen und das letzte li dabei ausschließen.

Wichtig ist hierbei, dass ihr herausfindet mit welchem Befehl ihr eure Navigation ansprechen müsst.

In meinem Fall war es .jtpl-navigation__inner .j-nav-level-1

 

Den Befehl zum Ausschließen des letzten li's ist dieser li:not(:last-of-type)

Übersetzt: Alle li's außer das letzte des Typs.

 
.jtpl-navigation__inner .j-nav-level-1 li:not(:last-of-type) {
    border-bottom: 1px solid #461c0e;
}