Spezifische Listenelemente ansprechen

Dragosius · 12. November 2021

Hallo,

ich habe folgende Liste:

Code

<ol class="menueleiste">
<li class="menuepunkt">eins</li>
<li class="menuepunkt">zwei</li>
<li class="menuepunkt">drei</li>
<li class="menuepunkt">vier</li>
<li class="menuepunkt">fünf</li>
</ol>

Kann mir jemand weiterhelfen, wie ich spezifische Elemente ansprechen kann?

Besonders wichtig wäre mir das 1. Element, letzte Element und alle Elemente außer dem 1. und letzten Element.

Vielen Dank

Tom · 13. November 2021

Bitteschön:

CSS

ol.menueleiste {
    > li:first-child {
        top: 0; /* Erstes Element*/
    }
    > li:last-child {
        top: 0; /* Letztes Element*/
    }
    > li:not(:first-child):not(:last-child) {
        top: 0; /* Alle Elemente außer das erste und das letzte Element*/
    }
}

Alles anzeigen

class="menuepunkt" kannst du dir eigentlich sparen, ich sehe dafür keine praktische Verwendung.

Spezifische Listenelemente ansprechen

cls-design

Informationen

Demoinstallationen

Hilfe