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.
Administrator | CSS | 07 22nd, 2010 |
Sorry, comments for this entry are closed at this time.