Pseudoelemente, Pseudoklassen

Für Verweise und andere Elemente (z.B. Überschriften):

:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Elemente, die den Fokus erhalten, z.B. durch “Durchsteppen” mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente

Beispiel:

a:visited {color:#000000;}
h1:hover {background-color:#990099;}

Hinweis: Im IE 6 funktioniert keine dieser Pseudoklassen, im IE 7 lediglich :hover.

Für Absätze:

:first-child (Pseudoklasse) = das Element, das das erste Kindelement eines anderen Elements ist erhält die CSS-Eigenschaften
:first-line (Pseudoelement) = die erste Textzeile des Elements erhält die CSS-Eigenschaften
:first-letter (Pseudoelement) = das erste Zeichen des Textes erhält die CSS-Eigenschaften

Beispiel:

p:first-letter {font-size:200%;}

Dadurch wird jeder erste Buchstabe in einem neuen Absatz (p) größer geschrieben.

Hinweis: IE 6 kann first-line und first-letter interpretieren, aber first-child erst ab Version 7.

Für automatisch generierten Inhalt:

:before = Inhalt, der vor dem notierten Inhalt des Elements eingefügt werden soll
:after = Inhalt, der nach dem notierten Inhalt des Elements eingefügt werden soll

Hinweis: Selbst IE 7 kann den Inhalt hier noch nicht generieren.

Sorry, comments for this entry are closed at this time.