CSS3 [attribute^=value] vælger

Definition og brug

CSS [attribute^=value] Vælgeren bruges til at matche hver element, hvis egenskabsværdi starter med den angivne værdi.

Eksempel

Eksempel 1

Sæt baggrundsfarve for alle <div>-elementer med class-attributværdi, der starter med "test":

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

Prøv det selv

Eksempel 2

Sæt baggrundsfarve for alle elementer med class-attributværdi, der starter med "test":

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

Prøv det selv

CSS syntaks

[attribute ^= value] {
  css-erklæringer;
}

Tekniske detaljer

Version: CSS3

Browserunderstøttelse

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

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

relaterede sider

CSS vejledning:CSS attribute selector

CSS vejledning:CSS attributvælger i detaljer