Benutzer:Günther M. Apsel/CSS

Muster	Bedeutung	Eingeführt in	Definition	Erläuterung
einfache Selektoren
*	Selektiert jedes Element	CSS2	Universal selector	Der Universalselektor
E	Selektiert jedes Element vom Typ E	CSS2	Type selectors	Der Typselektor
.c	Selektiert jedes Element der Klasse c (analog [class~='c'])	CSS2	Class selectors	Der Klassenselektor
#myid	Selektiert das Element mit der ID „myid“.	CSS2	ID selectors	Der ID-Selektor
[foo]	Selektiert Elemente, deren „foo“-Attribut gesetzt ist (unabhängig vom Wert)	CSS2	Attribute selectors	Attributpräsenz
[foo=bar]	Selektiert Elemente, deren „foo“-Attribut mit dem Wert „bar“ gesetzt ist	CSS2		Attributwerte
[foo~=bar]	Selektiert Elemente, deren „foo“-Attribut die Zeichenfolge „ bar“ (mit Leerzeichen!) enthält	CSS2
[foo|=bar]	Selektiert Elemente, deren „foo“-Attribut die Zeichenfolge „-bar“ enthält	CSS2
[foo^=bar]	Selektiert Elemente, deren „foo“-Attribut mit der Zeichenfolge „bar“ beginnt	CSS3	Substring matching attribute selectors	Teilübereinstimmungen
[foo$=bar]	Selektiert Elemente, deren „foo“-Attribut mit der Zeichenfolge „bar“ endet	CSS3
[foo*=bar]	Selektiert Elemente, deren „foo“-Attribut die Zeichenfolge „bar“ enthält	CSS3
Kombinatoren
E F	Selektiert alle Elemente F, die Nachfahren eines Elements E sind	CSS2	Descendant selectors	Der Nachfahrenselektor
E > F	Selektiert alle Elemente F, die ein Kind eines Elements E sind	CSS2	Child selectors	Der Kindselektor
E ~ F	Selektiert alle Elemente F, die einen Vorgänger E auf gleicher Ebene haben	CSS3	General sibling combinator	Der Geschwisterselektor
E + F	Selektiert alle Elemente F, die einen direkten Vorgänger E auf gleicher Ebene haben	CSS2	Adjacent sibling combinator	Der Nachbarselektor
Pseudoklassen
:link	Selektiert unbesuchte Verweise	CSS2	The link pseudo-classes	Die Pseudoklassen :link und :visited
:visited	Selektiert bereits besuchte Verweise	CSS2
:active	Selektiert das Element, das gerade angeklickt ist	CSS2	The dynamic pseudo-classes	Die Pseudoklassen :hover, :active und :focus
:hover	Selektiert das Element, über dem sich der Mauszeiger befindet	CSS2
:focus	Selektiert das Element, das den Fokus (z.B. durch die Tabulatortaste) erhalten hat	CSS2
:lang()	Selektiert Elemente, deren Sprache über das Attribut „lang“ festgelegt wurde	CSS2	The language pseudo-class	Die Pseudoklasse :lang()
:target	Selektiert das Element, das Ziel des gerade eben angeklickten Verweises ist	CSS3	The target pseudo-class	Die Pseudoklasse :target
:enabled	Selektiert Elemente in Benutzeroberflächen, die auswählbar sind	CSS3	The :enabled and :disabled pseudo-classes	Die Pseudoklassen :enabled, :disabled und :checked
:diasbled	Selektiert Elemente in Benutzeroberflächen, die gesperrt sind	CSS3
:checked	Selektiert Elemente von Benutzeroberflächen, die angewählt sind	CSS3	The :checked pseudo-class
:not(foo)	Selektiert Elemente, für die „foo“ nicht zutrifft	CSS3	The negation pseudo-class	Die Pseudoklasse :not()
strukturelle Pseudoklassen
:first-child	Selektiert Elemente, die das erste Kind ihres Elternelementes sind	CSS2	:first-child pseudo-class	Die Pseudoklasse :first-child
:last-child	Selektiert Elemente, die das letzte Kind ihres Elternelementes sind	CSS2	:first-child pseudo-class	Die Pseudoklasse :last-child
:nth-child()	Selektiert Elemente, die das k-te Kind ihres Elternelementes sind	CSS2	:nth-child() pseudo-class	Die Pseudoklasse :nth-child()
:nth-last-child()	Selektiert Elemente, die das k-te Kind ihres Elternelementes sind, Zählung beginnt von hinten	CSS2	:nth-last-child() pseudo-class	Die Pseudoklasse :nth-last-child()
:only-child	Selektiert Elemente, die das einzige Kind ihres Elternelementes sind	CSS2	:only-child pseudo-class	Die Pseudoklasse :only-child
:first-child	Selektiert Elemente, die das erste Kind ihres Elternelementes sind	CSS2	The :first-child pseudo-class	Die Pseudoklasse :first-child
:last-child	Selektiert Elemente, die das letzte Kind ihres Elternelementes sind	CSS2	:first-child pseudo-class	Die Pseudoklasse :last-child
:nth-child()	Selektiert Elemente, die das k-te Kind ihres Elternelementes sind	CSS2	:nth-child() pseudo-class	Die Pseudoklasse :nth-child()
:nth-last-child()	Selektiert Elemente, die das k-te Kind ihres Elternelementes sind, Zählung beginnt von hinten	CSS2	:nth-last-child() pseudo-class	Die Pseudoklasse :nth-last-child()
:only-child	Selektiert Elemente, die das einzige Kind ihres Elternelementes sind	CSS2	:only-child pseudo-class	Die Pseudoklasse :only-child
Pseudoelemente