CSS3 [attributo$=valore] Selettore

Definizione e uso

CSS [attributo$=valore] Il selettore viene utilizzato per abbinare ogni elemento con un valore di attributo che termina con il valore specificato.

Esempio

Esempio 1

Imposta lo stile per tutti gli elementi <div> con l'attributo class che termina con "test":

div[class$="test"] {
  background: salmone;
}

Prova tu stesso

Esempio 2

Imposta lo stile per tutti gli elementi con l'attributo class che termina con "test":

[class$="test"] {
  background: salmone;
}

Prova tu stesso

Sintassi CSS

[attributo $= valore}
  declarazioni css;
}

Dettagli tecnici

Versione: CSS3

Supporto del browser

I numeri nella tabella rappresentano la versione del browser di supporto per il primo browser che supporta completamente questo selettore.

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Pagine correlate

Tutorial CSS:Selettore CSS attributo

Tutorial CSS:Dettagli del selettore di attributo CSS