Selettore per nome attributo

Il selettore per nome attributo imposta uno stile per un elemento che possiede solo l'attributo specificato del tag.

Esempio

Consideriamo il tag <input>, con l'attributo type, e impostiamo per esso un colore di sfondo azzurro:

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

cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

selettore per valore attributo,
che cerca un elemento in base al valore dell'attributo
selettore per inizio valore attributo,
che cerca un elemento in base all'inizio del valore dell'attributo
selettore per fine valore attributo,
che cerca un elemento in base alla fine del valore dell'attributo
selettore per testo nel valore attributo,
che cerca un elemento in base al testo presente nel valore dell'attributo
selettore per uno dei valori dell'attributo,
che cerca un elemento in base a uno dei valori dell'attributo
selettore per trattino nel valore attributo,
che cerca un elemento in base alla 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