Selettore di attributo per testo

Il selettore di attributo per testo applica uno stile a un elemento che ha un valore di attributo del tag contenente un testo specifico.

Esempio

Troviamo i link che contengono negli attributi test e cambiamo il loro colore in verde:

html<a href="https://test.com">link1</a>
<a href="">link2</a>
<a href="http://my-test.com">link3</a>

cssa[href*="test"] {
  color: green;
}

Результат:

selettore di attributo,
che cerca un elemento per nome dell'attributo
selettore di attributo,
che cerca un elemento per valore dell'attributo
selettore di attributo,
che cerca un elemento per l'inizio del valore dell'attributo
selettore di attributo,
che cerca un elemento per la fine del valore dell'attributo
selettore di attributo,
che cerca un elemento per uno dei valori dell'attributo
selettore di attributo,
che cerca un elemento per il trattino nel valore dell'attributo
Selettore figlio,
che consente di selezionare elementi per nidificazione diretta
Selettore contestuale,
che consente di selezionare un elemento in base al suo genitore
Selettore adiacente,
che consente di selezionare un elemento in base al suo vicino
Selettore generale di fratelli,
che consente di selezionare elementi dopo quello specificato
Selettore universale,
che consente di selezionare tutti gli elementi