[Dieser Artikel wird noch überarbeitet]

Attributabhängige Selektoren verknüpfen Formatierungen mit Elementen, die ein bestimmtes Attribut oder/und ein Attribut mit einem bestimmten
Wert enthalten.

Attribut Beschreibung

E[attr] {
...
} 

Das Element muss nur das Attribut enthalten. Ob auch ein Wert übergeben wird, ist nicht relevant.
Beispiel:

,  oder 
E[attr = "Wert"] {
...
}

Das Attribut muss den angegebenen Wert enthalten.
Beispiel:

E[attr ~= "Wert"] {
...
} 

Das Attribut muss den Wert in einer durch Leerzeichen getrennten Liste von Werten enthalten.
Beispiel:

E[attr |= "Wert"] {
...
}

Das Attribut muss den angegebenen Wert exakt oder gefolgt von einem Bindestrich enthalten.
Beispiel:

 oder 

Dieses Beispiel weist mit h1[title] { color:red; } dem

-Tag eine rote Schriftfarbe zu, wenn es das title-Attribut mit einem beliebigen Wert enthält.

...
Eine rote Überschrift
Noch eine rote Überschrift

Das nächste Beispiel legt für ein

-Tag eine blaue Schriftfarbe zu, wenn es das Attribut kapitel mit dem Wert uebersicht enthält.

...
Eine blaue Überschrift

In dem dritten Beispiel wird für ein

-Tag Rahmen und Schriftfarbe festgelegt, wenn der Wert gerade in der Liste der Werte für das Attribut zeile vorkommt.

...

Mit Rahmen

Das letzte Beispiel legt für

-Tags das Schriftgewicht fett fest, wenn sie das Attribut kapitel enthalten und der zugewiesene Wert mit ueb-
beginnt.

...

Schriftart fett