Attribute Selector

Mit Hilfe des Attribute Selector kann man bestimmte Elemente an Hand ihrer Eigenschaften auswählen. So kann man z. B. alle Überschriften 1. Ordnung wählen, welche ein bestimmtes title-Attribut besitzen.

Attribute	Beschreibung
Element[attribut]	wählt ein Element, wenn es ein bestimmtes Attribut enthält, wobei der Wert des Attributes egal ist
Element[attribut="value"]	wählt ein Element, wenn es ein bestimmtes Attribut mit einem bestimmten Wert enthält
Element[attribut~="value"]	wählt ein Element, wenn es ein bestimmtes Attribut enthält, und der Wert in einer Leerzeichen getrennten Aufzählung enthalten ist
Element[attribut\|="value"]	wählt ein Element, wenn es ein bestimmtes Attribut mit einem bestimmten Wert oder den Wert gefolgt von einem Bindestrich enthält

<style type="text/css"> h3[title] { color: blue; } h3[title="Details"] { color: green; } h3[title~="Detail"] { color: red; } h3[title|="Angabe"] { color: orange; } </style> <h3 title="irgendwas">Dies Überschrift ist blau</h3> <h3 title="Details">Dies ist grün, und nicht rot</h3> <h3 title="Detail 1">1. rote Überschrift</h3> <h3 title="Detail 2">2. rote Überschrift</h3> <h3 title="Angabe-Details">diese Überschrift ist orange ;)</h3>