Selettore di attributo per trattino nel valore

Il selettore di attributo per trattino nel valore applica uno stile a un elemento, i cui valori degli attributi sono separati da un trattino.

Esempio

Troviamo tutti gli elementi che hanno nei valori, separati da trattino, text e coloriamoli in rosso:

html<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>

cssp[class|="text"] {
  color: red;
}

Результат:

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 inizio del valore dell'attributo
selettore di attributo,
che cerca un elemento per fine del valore dell'attributo
selettore di attributo,
che cerca un elemento per testo nel valore dell'attributo
selettore di attributo,
che cerca un elemento per uno dei valori dell'attributo
Selettore figlio,
che consente di selezionare elementi per annidamento diretto
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