Gunnar Bittersmann: nth-child nur auf bestimmte Klasse anwenden

Beitrag lesen

@@Tabellenkalk

Generell ist die Bitte, fürs Archiv die Lösung zu posten natürlich richtig. In diesem Fall scheinen aber zwei Links auf die Doku ausreichend zu sein:

  1. nth-child
  2. Klassenselektor

Nein.

.myClass:nth-child(even) selektiert alle Elemente der Klasse myClass, die in ihrem Elternelement an gerader Position stehen.

Bei

<ul>
  <li>A</li>
  <li class="myClass">B</li>
  <li class="myClass">C</li>
  <li>D</li>
  <li class="myClass">E</li>
  <li class="myClass">F</li>
</li>

wären das B (2.) und F (6.).

Gesucht sind aber alle Elemente der Klasse myClass, die in dieser Kollektion an gerader Position stehen. Also C (2.) und F (4.).

LLAP 🖖

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)