Dies ist eine alte Version des Dokuments!


LU02b - Element-, Klasse-, ID-CSS-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.

Selektor Bezecihnung Auswahl HTML-Beispiel
element {…} Typselektor HTML-Element mit dem Namen element

<figure>

.klname Klassenselektor Element mit der Klasse klname

<p class=„klname“>

}

  • modul/m287/learningunits/lu02/einfache-selektoren.1740724533.txt.gz
  • Zuletzt geändert: 2025/02/28 07:35
  • von kdemirci