Ausrichtung auf die ersten 2 Kinder oder die letzten 2 Kinder

Lesezeit: 1 Minute

Benutzer-Avatar
Benutzer934902

Ich kenne eine Reihe von Pseudoklassen (first-child, last-child, nth-child), aber ich habe Probleme, die ersten 2 Kinder in einer Liste oder die letzten 2 auszuwählen, die Liste ist dynamisch und ändert sich ständig, also i kann nicht auf der Grundlage des Zählens der Li’s zielen

<ul>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
</ul>

  • Hast du Zugriff auf den Code? Können Sie der Liste Klassen hinzufügen?

    – CDub

    11. Oktober 2013 um 17:31 Uhr

  • Oder noch besser, Sie könnten dies mit jQuery tun.

    – CDub

    11. Oktober 2013 um 17:31 Uhr

Benutzer-Avatar
412

Für die ersten beiden Kinder können Sie verwenden:

ul li:nth-child(-n + 2) {
    color: orange;
}

http://jsfiddle.net/nYnSz/1/

Für die letzten beiden:

ul li:nth-last-child(-n + 2) {
    color: orange;
}

http://jsfiddle.net/nYnSz/

  • Können Sie erklären, was das -n im Selektor macht?

    – Kierchon

    11. Oktober 2013 um 17:34 Uhr

  • @Deekey: Die Fiddle-Links sind da, damit Sie sie ausprobieren können. Versuchen Sie, darauf zu klicken.

    – BoltClock

    11. Oktober 2013 um 17:51 Uhr


1093070cookie-checkAusrichtung auf die ersten 2 Kinder oder die letzten 2 Kinder

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy