CSS3 [kenmerk^=waarde] selector

Definitie en gebruik

CSS [kenmerk^=waarde] De selector wordt gebruikt om alle elementen te matchen die een specifieke waarde hebben die begint met de opgegeven waarde.

Voorbeeld

Voorbeeld 1

Stel de achtergrondkleur in voor alle <div>-elementen met een class-attribuutwaarde die begint met "test":

div[class^="test"] {
  achtergrond: zalm;
}

Probeer het zelf

Voorbeeld 2

Stel de achtergrondkleur in voor alle elementen met een class-attribuutwaarde die begint met "test":

[class^="test"] {
  achtergrond: zalm;
}

Probeer het zelf

CSS syntaxis

[kenmerk ^= waarde] {
  css declarations;
}

Technische details

Browserondersteuning

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