CSS [attribute|=value] Selector

Definition und Verwendung

CSS [attribute|=value] Der Selector wird verwendet, um Elemente auszuwählen, die das angegebene Attribut haben und deren Attributwert vollständig übereinstimmt oder mit dem angegebenen Wert beginnt, gefolgt von einem Bindestrich (-).

Hinweis:Der Wert muss ein vollständiges Wort sein, das entweder alleine vorkommt, wie z.B. lang="en", oder gefolgt von einem Bindestrich (-), wie z.B. lang="en-us".

Beispiel

Beispiel 1

Stellen Sie den Stil der Elemente ein, deren lang-Attribut "en" oder "en-" ist:

[lang|="en"] {
  background-color: yellow;
}

Versuchen Sie es selbst

Beispiel 2

Stellen Sie den Stil der Elemente ein, deren class-Attribut "top" oder "top-" ist:

[class|="top"] {
  background-color: yellow;
}

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 Selector vollständig unterstützt.