Klassenformate

Element.Klassenname { CSS-Eigenschaft:Wert;...}

.Klassenname { CSS-Eigenschaft:Wert;...}

Individualformate

#Name { CSS-Eigenschaft:Wert;...}

Element#Name { CSS-Eigenschaft:Wert;...}

Pseudoformate

a:link { CSS-Eigenschaft:Wert; ... }

noch nicht besuchte Ziele

a:visited { CSS-Eigenschaft:Wert; ... }

besuchte Ziele

a:hover { CSS-Eigenschaft:Wert; ... }

Verweise bei «MouseOver»

a:active { CSS-Eigenschaft:Wert; ... }

Angeklickte Verweise

a:focus { CSS-Eigenschaft:Wert; ... }

Verweise, die Fokus erhalten

Element:first-line { CSS-Eigenschaft:Wert; ... }

erste Zeile

Element:first-letter { CSS-Eigenschaft:Wert; ... }

erster Buchstabe

Element:before { content:Wert; }

Vor dem Element einfügen.

Wird vom MS Internet Explorer nicht unterstützt.

Element:after { content:Wert; }

nach dem Element einfügen.

Wird vom MS Internet Explorer nicht unterstützt.

Formate für verschachtelte Elemente

Element1 Element2 { CSS-Eigenschaft:Wert;...}

egal wie viele Ebenen Element2 unterhalb von Element1 liegt;

Element1 > Element2 { CSS-Eigenschaft:Wert;...}

nur wenn Element2 eine Ebene unterhalb von Element1 in der Elementstruktur liegt.

Element1 * Element2 { CSS-Eigenschaft:Wert;...}

wenn Element2 mindestens zwei Ebenen unterhalb von Element1 liegt.

Element1 + Element2 { CSS-Eigenschaft:Wert;...}

wenn Element2 auf gleicher Ebene liegt wie Element1 und unmittelbar nach Element1 folgt.

Attributbedingte Formate

Diese werden bisher leider nur von Mozilla/Netscape/Firefox unterstützt.

Element[Attributname=Attributwert] { CSS-Eigenschaft:Wert;...}

z.B.:

a[href=index.html]

Element[Attributname~=Attributwert] { CSS-Eigenschaft:Wert;...}

a[alt~=index] für index.html, index.htm, index.shtml, index_html

p[lang|=en]

trifft z.B. auch auf Elemente mit <p lang="en-US">...</p> zu.