CSS [attributo|=valore] Selettore

Definizione e uso

CSS [attributo|=valore] Lo selector viene utilizzato per selezionare gli elementi che hanno un attributo specifico e un valore che corrisponde esattamente o inizia con il valore specificato seguita da un trattino (-).

Attenzione:Il valore deve essere una parola completa, può apparire da sola, come lang="en", o seguita da un trattino (e.g., lang="en-us").

Esempio

Esempio 1

Seleziona e imposta lo stile degli elementi con l'attributo lang valorizzato a "en" o "en-":

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

Prova tu stesso

Esempio 2

Seleziona e imposta lo stile degli elementi con l'attributo class valorizzato a "top" o "top-":

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

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 lo selector.