CSS [attribute~=value] vælger

Definition og brug

CSS [attribute~=value] Vælger bruges til at vælge elementer, hvis egenskabsværdi indeholder et bestemt ord.

Følgende eksempel matcher elementer med title="flower"、title="sommer flower" og title="flower new" men matcher ikke elementer med title="my-flower" eller title="flowers".

Eksempel

Vælg og indstil stilen for alle elementer, der har en title-attribut, der indeholder ordet "flower":

[title~="flower"] {
  border: 5px solid green;
}

Prøv det selv

CSS syntaks

[attribute ~= value] {
  css deklarationer;
}

Tekniske detaljer

Browserunderstøttelse

Tabelnumre angiver den første browserversion, der fuldt ud understøtter denne vælger.