Dies ist eine alte Version des Dokuments!
LU02b - Element-, Klasse-, ID-CSS-Selektoren
Arten von Selektoren
Ziel der verschiedenen Arten von Selektoren, die teilweise komplex verschachtelten HTML-Code zu erreichen (zu matchen), damit genau der beabsichtigte HTML-Abschnitt gestyled wird. Die verschiedenen CSS-Selektoren sind grob wiefolgt aufgeteilt:
- Einfache Selektoren: Zu den einfachen Selektoren zählen der Typselektor, der Universalselektor *, der Klassenselektor .class, der ID-Selektor #id, der Attributselektor und mehrere Pseudoklassen.
- Kombinatoren: Bei Kombinatoren handelt es sich um zwei Selektoren, die mit einem Größer-als-Zeichen E > F (Kindselektor), dem Pluszeichen E + F (Nachbarnselektor), einem Tilde-Zeichen E ~ F (Geschwisterselektor) oder einen Leerraum E F (Nachfahrenselektor) miteinander verkettet werden.
Übersicht der einfachen CSS-Selektoren
| Selektor | Bezecihnung | Auswahl | HTML-Beispiel |
|---|---|---|---|
| element {…} | Typselektor |
HTML-Element mit dem Namen element
<figure> |
|
| .klname | Klassenselektor |
Element mit der Klasse klname
<p class=„klname“> |
}
|