Pseudoklassen-Selektor
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Der Pseudoklassen-Selektor entspricht dem Pseudoelement-Selektor – mit einer Ausnahme: Er kann sich unter bestimmten Umständen nicht nur auf eine Eigenschaft, sondern auf ein ganzes Element beziehen.
Die aktuelle Version von CSS 2 enthält die folgenden Pseudoklassen:
- :hover
- :active
- :focus
- :link
- :visited
- :lang
Die Stilregeln für diese Pseudoklassen können in einem Stylesheet definiert werden, wie im folgenden Beispiel gezeigt wird. Vielleicht erinnern Sie sich, dass wir bereits eine Regel für die :hover-Pseudoklasse kennengelernt haben.
a:hover {
color:green;
}
Mit dieser Stilregel ändern alle von einem <a>-Tag umschlossenen Textstellen und Bilder ihre Farbe, wenn der Benutzer sie mit dem Mauszeiger berührt. Der Pseudoklassen-Selektor tritt nur in Kraft, wenn ein Element einen bestimmten Zustand annimmt.
Die Pseudoklasse :lang bestimmt die Einstellung des Sprachattributs lang für ein HTML-Element. (Anmerkung: Die Browser-Unterstützung der Pseudoklasse :lang() ist immer noch sehr lückenhaft. Sie wird hier nur der Vollständigkeit halber erwähnt.) Mit folgendem HTML-Tag kann man einen Absatz als deutschsprachig auszeichnen:
<p lang="de">Deutsche Grammophon</p>
Mit anschließender Stilregel kann man den Schrifttyp für alle deutschsprachigen Elemente auf der Seite definieren:
:lang(de) {
font-family: spezialitaet;
}
lang vs language
Doch Vorsicht! Verwechseln Sie das lang-Attribut nicht mit dem language-Attribut, das sich auf die Angabe einer Skriptsprache bezieht, die bei einem Tag oder auf einer Seite zum Einsatz kommt.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg