CSS [eigenschap~~=waarde] selector

Definitie en gebruik

CSS [eigenschap~~=waarde] De selector wordt gebruikt om elementen te selecteren die een specifieke woord in de waarde van het eigenschap bevatten.

Het volgende voorbeeld past op elementen met title="flower", title="zomer flower" en title="flower new", maar niet op elementen met title="my-flower" of title="flowers".

Voorbeeld

Selecteer en stel de stijl in van alle elementen met een title-eigenschap die het woord "flower" bevat:

[title~="flower"] {
  border: 5px solide groen;
}

Probeer het zelf

CSS syntaxis

[eigenschap ~~= waarde] {
  css declarations;
}

Technische details

Browserondersteuning

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