CSS [attribut|=värde] Väljare

Definition och användning

CSS [attribut|=värde] Väljare används för att välja element som har ett specifikt attribut och där attributvärdet matchar helt eller börjar med den specifika värdet följt av ett snedstreck (-).

Observera:Värdet måste vara ett helt ord, antingen ensamt eller följt av ett snedstreck (-), som lang="en" eller lang="en-us".

Exempel

Exempel 1

Välj och ställ in stilen för element med lang-attributvärdet "en" eller "en-":

[lang|="en"] {
  background-color: yellow;
}

Prova själv

Exempel 2

Välj och ställ in stilen för element med class-attributvärdet "top" eller "top-":

[class|="top"] {
  background-color: yellow;
}

Prova själv

CSS-syntax

[attribut |= värde] {
  css-deklarationer;
}

Tekniska detaljer

Version: CSS2

Webbläsarstöd

Tal i tabellen representerar den första webbläsaren som helt stöder denna väljare.

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

Relaterade sidor

CSS-guide:CSS attribute selector

CSS-guide:Detaljerad förklaring av CSS-attrubutval