Syntax | Bedeutung |
* | Universalselektor: alle Elemente |
E | Typselektor: Element E |
E.klasse | Klassenselektor: Element E der Klasse 'klasse' |
E#bezeichner | ID-Selektor: Element E mit der ID 'bezeichner' |
Attributselektoren | |
E[attr] | Element E mit Attribut 'attr' |
E[attr="abc"] | Element E mit Attribut 'attr' und Wert 'abc' |
E[attr~="abc"] | Element E mit Attribut 'attr', dessen durch Leerzeichen getrennte Liste von Werten 'abc' enthält (p[class~="abc"] entspricht p.abc) |
E[attr|="abc"] | Element E mit Attribut 'attr', dessen durch Trennstriche (-) getrennte Liste von Werten mit 'abc' beginnt |
E[attr^="abc"] | Element E mit Attribut 'attr', dessen Wert mit 'abc' beginnt |
E[attr$="abc"] | Element E mit Attribut 'attr', dessen Wert mit 'abc' endet |
E[attr*="abc"] | Element E mit Attribut 'attr', das die Zeichenkette 'abc' enthält |
Link-Pseudoklassen | |
E:link | Element E, wenn E der Quellanker eines unbesuchten Hyperlinks ist (üblicherweise das Element a) |
E:visited | Element E, wenn E der Quellanker eines besuchten Hyperlinks ist |
dynamische Pseudoklassen | |
E:hover | Element E, wenn E mit dem (Maus-)Zeiger berührt wird |
E:active | Element E, wenn E aktiviert ist (beispielsweise der aktivierte Quellanker eines Hyperlinks) |
E:focus | Element E, wenn E den Fokus hat |
Struktur-Pseudoklassen | |
E:first-child | Element E, das erstes Kind seines Elternelements ist |
E:last-child | Element E, das letztes Kind seines Elternelements ist |
E:first-of-type | erstes Element E, das Kind seines Elternelements ist |
E:last-of-type | letztes Element E, das Kind seines Elternelements ist |
E:only-child | Element E, das einziges Kind seines Elternelements ist |
E:only-of-type | einziges Element E in einer Reihe von Geschwisterelementen |
E:nth-child(n) | Element E, das n-tes Kind seines Elternelements ist |
E:nth-last-child(n) | Element E, das von hinten gezählt n-tes Kind seines Elternelements ist |
E:nth-of-type(n) | n-tes Element E in einer Reihe von Geschwisterelementen |
E:nth-last-of-type(n) | von hinten gezählt n-tes Element E in einer Reihe von Geschwisterelementen |
E:empty | Element E ohne Nachfahren (auch keine Textknoten, also auch kein textueller Inhalt) |
E:root | Wurzelelement E eines Dokuments (in (X)HTML-Dokumenten äquivalent zu html) |
Pseudoklassen | |
E:target | Verweisziel-Pseudoklasse: Element E, das aktiver (aktuell angesprungener) Zielanker eines Hyperlinks ist |
E:lang(x) | Sprach-Pseudoklasse: Element E der (natürlichen) Sprache x |
E:not(s) | Negations-Pseudoklasse: Element E, auf das der Selektor s nicht zutrifft |
abc|E | Namensraumselektor: Element E, das einem Namensraum 'abc' angehört |
Pseudoelemente | |
E:first-letter E::first-letter | erstes Zeichen eines Elements E |
E:first-line E::first-line | erste Zeile eines Elements E |
E:before E::before | generierter Inhalt vor Element E |
E:after E::after | generierter Inhalt nach Element E |
E:selection E::selection | Elementfragment-Pseudoelement: Teil eines Elements E, der vom Nutzer markiert ist |
Kombinatoren | |
F E | Nachfahrkombinator: Element E, das Nachfahre eines Elements vom Typ F ist |
F > E | Kindkombinator: Element E, das Kind eines Elements vom Typ F ist |
F + E | direkter Nachbarkombinator: Element E, das unmittelbar einem Geschwisterelement vom Typ F folgt |
F ~ E | indirekter Nachbarkombinator: Element E, das einem Geschwisterelement vom Typ F folgt |
template |