CSS3 [attribute^=value] Väljare

Definition och användning

CSS [attribute^=value] Väljare används för att matcha varje element där attributvärdet börjar med den specificerade värdet.

Exempel

Exempel 1

Ställ in bakgrundsfärg för alla <div>-element med class-attributvärde som börjar med "test":

div[class^="test"] {
  background: salmon;
}

Prova själv

Exempel 2

Ställ in bakgrundsfärg för alla element med class-attributvärde som börjar med "test":

[class^="test"] {
  background: salmon;
}

Prova själv

CSS-syntax

[attribute ^= value] {
  css deklarationer;
}

Tekniska detaljer

Version: CSS3

Webbläsarstöd

Talen i tabellen representerar den första webbläsarens version som fullständigt stöder denna valoperator.

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Relaterade sidor

CSS-lärord:CSS egenskapsvaljare

CSS-lärord:Detaljerad förklaring av CSS-attributval