Attribut-Selektoren
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
Attribut-Selektoren bieten vier Möglichkeiten, ein Element anzusprechen, das ein passendes Attribut enthält. Im Folgenden sehen Sie Beispiele für die verschiedenen Optionen:
[Attribut] – Sucht basierend auf dem Namen des Attributs nach Treffern.
a[href] {
text-decoration: none;
}
Immer wenn das HTML-Element a das Attribut href enthält, wird der Link nicht unterstrichen.
[Attribut="Wert"] – Sucht basierend auf dem Attributswert nach Treffern.
a[href="csscookbook.com"] {
text-decoration: none;
}
Immer wenn ein Link auf csscookbook.com im HTML-Code erscheint, wird dieser ohne Unterstreichung dargestellt.
[Attribut~="Wert"] – Mit Hilfe dieses Selektors kann ein beliebiges Element anhand eines Teils der durch Leerzeichen getrennten Attributwerte ausgewählt werden.
a[title~="digital"] {
text-decoration: none;
}
Immer wenn das Attribut title eines a-Elements die Zeichenkette "digital" enthält, wird der Link ohne Unterstreichung dargestellt.
[Attribut|="Wert"] – Findet Treffer, wenn der Attributwert mit »Wert« beginnt und darauf ein Bindestrich folgt.
a[href|="digital"] {
text-decoration: none;
}
Enthält das href-Element eines Ankers die Zeichenkette "digital", wird der Link ohne Unterstreichung dargestellt.
Warnung:
Attribut-Selektoren werden auch in modernen Browsern nicht immer unterstützt. Dies gilt besonders für den Internet Explorer 6 für Windows. Mozilla, Firefox, Opera 5+ und Safari können jedoch auch mit Selektoren für Attribute korrekt umgehen.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" 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.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln