CSS [attributo=valore] Selettore

Definizione e uso

CSS [attributo=valore] Il selettore viene utilizzato per selezionare gli elementi che hanno un attributo specificato e che corrispondono esattamente al valore dell'attributo.

Esempio

Esempio 1

Seleziona e imposta lo stile di tutti gli elementi <a> con target="_blank". Allo stesso tempo, seleziona e imposta lo stile di tutti gli elementi <p> con lang="it":

a[target="_blank"] {
  colore_sfondo: giallo;
}
p[lang="it"] {
  colore_sfondo: salmone;
}

Prova tu stesso

Esempio 2

Imposta la larghezza dell'elemento <input type="text"> a 100px. Tuttavia, quando ottiene il focus, impostala a 250px:

input[type="text"] {
  larghezza: 100px;
}
input[type="text"]:focus {
  larghezza: 250px;
}

Prova tu stesso

Sintassi CSS

[attributo = valore] {
  declarazioni css;
}

Dettagli tecnici

Supporto del browser

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