Beispiel zur Notiz „Elemente anhand ihres Inhalts auswählen“

Zebrastreifen mit :nth-child(… of S)

Links zählt :nth-child(even) auch versteckte Zeilen mit, rechts zählt :nth-child(even of :not([hidden])) nur die sichtbaren. Mit dem Button die dritte Zeile ein- und ausblenden.

Getestet in Chrome 155. Browserstand und Einordnung: siehe Notiz.

:nth-child(even)
Zeile 1
Zeile 2
Zeile 4
Zeile 5
Zeile 6
:nth-child(even of :not([hidden]))
Zeile 1
Zeile 2
Zeile 4
Zeile 5
Zeile 6