Benutzer:Günther M. Apsel/CSS
Zur Navigation springen
Zur Suche springen
| 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 | ||||