CSS Selektor - Pseudoklassen
Eine
Pseudoklasse
in CSS ist ein Schlüsselbegriff, welcher hinter einen Selektor gestellt wird, um einen besonderen Zustand
abzufragen. So steht beispielsweise :hover für Elemente, die gerade mit dem Mauszeiger berührt
werden.
| Name | Beschreibung |
|---|---|
| :nth-child | Die Pseudo-Klasse spricht das x-te Kind-Element an — im Beispiel das fünfte Element innerhalb von ul, falls es vom Tag-Typ li ist. |
| :first-child | Die Pseudo-Klasse selektiert das erste Kind-Element, sofern es vom richtigen Tag-Typ ist.. |
| :last-child | Äquivalent zu :first-child selektieren Sie hier das letzte Kind-Element, sofern es vom richtigen Tag-Typ ist. |
| :empty | Mit dieser Pseudo-Klasse sprechen Sie nur Elemente an, die ohne Kind-Elemente sind. Inhalt in Form von Text wird dabei ebenfalls als Kind-Element betrachtet. |
| :not(selector) | Negation. Wählt Elemente aus, wenn sie nicht dem in Klammern angegebenen Selektor entsprechen. Im Beispiel würde alles außer span-Elementen ausgewählt. |
| :only-child | Diese Klasse selektiert ein Element nur, wenn es sich um das einzige Kind eines angegebenen Eltern-Elementes handelt. |
| :checked | Diese Klasse selektiert eine Checkbox oder ein Radio-button nur, wenn es ausgewählt wurde. |