CSS/Selektoren/Pseudoklasse/strukturelle Pseudoklasse

Aus SELFHTML-Wiki

Strukturelle Pseudoklassen sind dafür gedacht, Elemente aufgrund ihrer Position im DOM zu selektieren.

Im Einzelnen sind dies

• :root, für das Wurzelelement
• :empty, für leere Elemente

[Bearbeiten] Selektoren für Kindelemente

Diese Selektoren treffen auf alle Kindelemente zu. Im Gegensatz dazu werden mit :...-of-type nur bestimmte Kindelemente selektiert. Der Unterschied ist anschaulich etwa der zwischen erstem Kind und erster Tochter.

• :first-child
• :last-child
• :nth-child()
• :nth-last-child()
• :only-child

[Bearbeiten] Selektoren für Geschwisterelemente

Diese Selektoren treffen nur auf bestimmte Kindelemente zu. Im Gegensatz dazu werden mit :...-child alle Kindelemente selektiert. Der Unterschied ist anschaulich etwa der zwischen erster Tochter und erstem Kind.

• :first-of-type
• :last-of-type
• :nth-of-type()
• :nth-last-of-type()
• :only-of-type

Die Energie des Verstehens

Suche

Ansichten