CSS [attribute~=value] Selektor

Definition und Verwendung

CSS [attribute~=value] Der Selektor wird verwendet, um Elemente auszuwählen, deren Attributwert einen bestimmten Worten enthält.

Der folgende Beispiel wird Elemente mit title="flower", title="summer flower" und title="flower new" auswählen, aber nicht mit title="my-flower" oder title="flowers".

Beispiel

Stellen Sie den Stil aller Elemente ein, deren title-Attribut den Worten "flower" enthält:

[title~="flower"] {
  border: 5px solid green;
}

Versuchen Sie es selbst

CSS-Syntax

[attribute ~= value] {
  css declarations;
}

Technische Details

Browser-Unterstützung

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