Webdesign - Webseiten planen, gestalten - Free-Hack Library

CSS
E::first-letter {} /* Spricht den ersten Buchstaben des
Elements an */
E::first-line {} /* Spricht die erste Zeile des Elements
an */
Zurzeit kann pro Selektor nur ein Pseudoelement vergeben werden,
dies könnte sich in der Zukunft aber ändern.
Pro Selektor können mehrere Pseudoklassen angewendet werden.
Die Reihenfolge der Pseudoklassen :link, :visited, :hover und:active
(z. B. um einen Hyperlink auszuzeichnen) ist unbedingt einzuhalten.
Eine falsche Reihenfolge kann unerwünschte Ergebnisse zur
Folge haben, beispielsweise, dass ein bereits besuchter Link beim
Darüberfahren mit der Maus nicht mehr in den hover-Zustand
wechselt.
Die folgenden Pseudoklassen stehen zur Verfügung:
E:link {} /* Wird nur auf Hyperlinks angewendet, spricht
den Link im normalen Zustand an */
E:visited {} /* Wird nur auf Hyperlinks angewendet,
spricht bereits besuchte Links an */
E:hover {} /* Kann auf Links und andere Objekte angewendet
werden, spricht Elemente an, über die mit dem
Mauszeiger gefahren wird. /*
E:active {} /* Kann auf Links und andere Objekte angewendet
werden, spricht Elemente an, die gerade angeklickt
werden. */
TECHNISCHE
GRUNDLAGEN
CSS HTML Ergebnis
abbr::before {
content: "Abk: ";
}
acronym::after {
content: " (Akronym)";
}
p::first-letter {
font-family: fantasy;
font-size: xx-large;
float: left;
}
p::first-line {
color:#cc3300;
}
Nehmen wir z. B. eine Abkürzung.
Akronyme können IMHO den Text schwer
lesbar machen.
Mit Initialen kann man Texte beginnen
lassen.
Manchmal möchte man nur die erste Zeile
eines Textes hervorheben. Warum auch immer.
;)
Tab. 4.4.2f: Beispiele für Pseudoelemente
4
71