CSS [ Attribut ^= Wert ] Selektor
Beispiel
Legen Sie eine Hintergrundfarbe für alle <div>-Elemente fest, die einen Klassenattributwert haben, der mit „test“ beginnt:
div[class^="test"]
{
background: #ffff00;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Der [ Attribut ^= Wert ]-Selektor passt zu jedem Element, dessen Attributwert mit einem bestimmten Wert beginnt .
Ausführung: | CSS3 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
[attribute^=value] | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
CSS-Syntax
attribute ^= value {
css declarations;
}
Mehr Beispiele
Beispiel
Legen Sie eine Hintergrundfarbe für alle Elemente fest, die einen Klassenattributwert haben, der mit „test“ beginnt:
[class^="test"]
{
background: #ffff00;
}
Verwandte Seiten
CSS-Tutorial: CSS-Attributselektoren