CSS3 [eigenschap$=waarde] selector

Definitie en gebruik

CSS [eigenschap$=waarde] De selector wordt gebruikt om alle elementen te matchen whose eigenschapswaarde eindigt op de opgegeven waarde.

Voorbeeld

Voorbeeld 1

Stel stijl in voor alle <div>-elementen met een class-eigenschap die eindigt op "test":

div[class$="test"] {
  achtergrond: saamvis;
}

Probeer het zelf

Voorbeeld 2

Stel stijl in voor alle elementen met een class-eigenschap die eindigt op "test":

[class$="test"] {
  achtergrond: saamvis;
}

Probeer het zelf

CSS syntaxis

[eigenschap $= waarde] {
  css declaraties;
}

Technische details

Versie: CSS3

Browserondersteuning

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

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Gerelateerde pagina's

CSS cursus:CSS eigenschapsselector

CSS cursus:Uitleg van CSS-eigenschapsselector