Beispiel
Legen Sie eine Hintergrundfarbe auf allen <div> Elemente , die eine Klasse Attributwert haben, der mit beginnt "test" :
div[class^="test"]
{
background: #ffff00;
}
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Das [ attribute ^ = value ] Selektor passt zu jedem Element , dessen attribute - Wert beginnt mit einem festgelegten value .
| Version: | CSS3 |
|---|
Browser-Unterstützung
Die Zahlen in der Tabelle gibt die erste Browser-Version, die die Wähler voll unterstützt.
| Wähler | |||||
|---|---|---|---|---|---|
| [ attribute ^= value ] | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Note: Für diese Wähler in IE8 zu arbeiten und früher ein <! DOCTYPE> muss deklariert werden.
CSS-Syntax
Mehr Beispiele
Beispiel
Legen Sie eine Hintergrundfarbe auf alle Elemente , die eine Klasse Attributwert haben, der mit beginnt "test" :
[class^="test"]
{
background: #ffff00;
}
Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Attributselektoren