CSS3 [attribute$=value] Selector

Definition und Verwendung

CSS [attribute$=value] Der Selector wird verwendet, um alle Elemente zu finden, deren Attributwert mit einer bestimmten Zeichenfolge endet.

Beispiel

Beispiel 1

Stellen Sie das Stil für alle <div>-Elemente mit dem class-Attributwert "test" am Ende ein:

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

Versuchen Sie es selbst

Beispiel 2

Stellen Sie das Stil für alle Elemente mit dem class-Attributwert "test" am Ende ein:

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

Versuchen Sie es selbst

CSS-Syntax

[attribute $= value] {
  css declarations;
}

Technische Details

Version: CSS3

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selector vollständig unterstützt.

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Verwandte Seiten

CSS-Tutorial:CSS AttributSelektor

CSS-Tutorial:CSS-Attributwähler im Detail