CSS3 [Attribut^=Wert] Selektor

Definition und Verwendung

CSS [Attribut^=Wert] Der Selektor wird verwendet, um alle Elemente zu matchen, deren Attributwert mit einer bestimmten Wert beginnt.

Beispiel

Beispiel 1

Legen Sie die Hintergrundfarbe für alle <div>-Elemente fest, deren class-Attributwert mit "test" beginnt:

div[class^="test"] {
  background: salmon;
}

Versuchen Sie es selbst

Beispiel 2

Legen Sie die Hintergrundfarbe für alle Elemente fest, deren class-Attributwert mit "test" beginnt:

[class^="test"] {
  background: salmon;
}

Versuchen Sie es selbst

CSS-Syntax

[Attribut ^= Wert] {
  css-Anweisungen;
}

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diesen Selektor vollständig unterstützt.