Selettore per valore dell'attributo

Il selettore per valore dell'attributo consente di selezionare elementi in base alla presenza di un determinato attributo o del suo valore e applicare a loro lo stile desiderato.

Esempio

Prendiamo il tag input, che ha il valore dell'attributo type uguale a text, e impostiamo per esso un colore di sfondo blu chiaro:

<p>
	<label>Inserisci testo</label>
	<input type="text">
</p>
<p>
	<label>Inserisci numero</label>
	<input type="number">
</p>

input[type="text"] {
	background-color: #C2DDFD;
}

Vedi anche

selettore per nome dell'attributo,
che cerca un elemento per il nome dell'attributo
selettore per inizio valore dell'attributo,
che cerca un elemento per l'inizio del valore dell'attributo
selettore per fine valore dell'attributo,
che cerca un elemento per la fine del valore dell'attributo
selettore per testo nel valore dell'attributo,
che cerca un elemento per il testo presente nel valore dell'attributo
selettore per uno dei valori dell'attributo,
che cerca un elemento per uno dei valori dell'attributo
selettore per trattino nel valore dell'attributo,
che cerca un elemento per la presenza di un trattino nel valore dell'attributo
Selettore figlio diretto,
che consente di selezionare elementi in base all'annidamento diretto
Selettore discendente,
che consente di selezionare un elemento in base al suo genitore
Selettore adiacente,
che consente di selezionare un elemento in base al suo elemento adiacente
Selettore generale di fratelli,
che consente di selezionare elementi dopo quello specificato
Selettore universale,
che consente di selezionare tutti gli elementi