CSS3 [attribute^=value] selettore

Definizione e uso

CSS [attribute^=value] Il selettore viene utilizzato per abbinare ogni elemento con valore di attributo che inizia con il valore specificato.

Esempio

Esempio 1

Imposta il colore di sfondo per tutti gli elementi <div> con valore di attributo class che inizia con "test":

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

Prova da solo

Esempio 2

Imposta il colore di sfondo per tutti gli elementi con valore di attributo class che inizia con "test":

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

Prova da solo

Sintassi CSS

[attribute ^= value] {
  declarazioni css;
}

Dettagli tecnici

Versione: CSS3

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente questo selettore.

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Pagine correlate

Lezione CSS:Selettore di proprietà CSS

Lezione CSS:Dettagli del selettore di attributo CSS