CSS [attribute|=value] selector

Definitie en gebruik

CSS [attribute|=value] De selector wordt gebruikt om elementen te selecteren die de gespecificeerde eigenschap hebben en waarde volledig overeenkomen of beginnen met de gespecificeerde waarde gevolgd door een streepje (-).

Opmerking:De waarde moet een volledige woord zijn, of alleen optreden, zoals lang="en", of gevolgd door een streepje (-), zoals lang="en-us".

Voorbeeld

Voorbeeld 1

Selecteer en stel de stijl in van elementen met de lang-eigenschap gelijk aan "en" of "en-":

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

Probeer het zelf

Voorbeeld 2

Selecteer en stel de stijl in van elementen met de class-eigenschap gelijk aan "top" of "top-":

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

Probeer het zelf

CSS syntaxis

[attribute |= value] {
  css declarations;
}

Technische details

Browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die deze selecteur volledig ondersteunt.