template

Index :: Anhang :: CSS-Selektoren

SyntaxBedeutung
*Universalselektor: alle Elemente
ETypselektor: Element E
E.klasseKlassenselektor: Element E der Klasse 'klasse'
E#bezeichnerID-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:linkElement E, wenn E der Quellanker eines unbesuchten Hyperlinks ist (üblicherweise das Element a)
E:visitedElement E, wenn E der Quellanker eines besuchten Hyperlinks ist
dynamische Pseudoklassen
E:hoverElement E, wenn E mit dem (Maus-)Zeiger berührt wird
E:activeElement E, wenn E aktiviert ist (beispielsweise der aktivierte Quellanker eines Hyperlinks)
E:focusElement E, wenn E den Fokus hat
Struktur-Pseudoklassen
E:first-childElement E, das erstes Kind seines Elternelements ist
E:last-childElement E, das letztes Kind seines Elternelements ist
E:first-of-typeerstes Element E, das Kind seines Elternelements ist
E:last-of-typeletztes Element E, das Kind seines Elternelements ist
E:only-childElement E, das einziges Kind seines Elternelements ist
E:only-of-typeeinziges 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:emptyElement E ohne Nachfahren (auch keine Textknoten, also auch kein textueller Inhalt)
E:rootWurzelelement E eines Dokuments (in (X)HTML-Dokumenten äquivalent zu html)
Pseudoklassen
E:targetVerweisziel-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|ENamensraumselektor: 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 ENachfahrkombinator: Element E, das Nachfahre eines Elements vom Typ F ist
F > EKindkombinator: Element E, das Kind eines Elements vom Typ F ist
F + Edirekter Nachbarkombinator: Element E, das unmittelbar einem Geschwisterelement vom Typ F folgt
F ~ Eindirekter Nachbarkombinator: Element E, das einem Geschwisterelement vom Typ F folgt

Index :: Anhang


template