Seletor de atributo por hífen no valor

O seletor de atributo por hífen no valor aplica um estilo a um elemento, cujos valores de atributo estão separados por hífen.

Exemplo

Vamos encontrar todos os elementos que possuem text em seus valores separados por hífen e alterar sua cor para vermelho:

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;
}

Результат:

seletor de atributo,
que busca um elemento pelo nome do atributo
seletor de atributo,
que busca um elemento pelo valor do atributo
seletor de atributo,
que busca um elemento pelo início do valor do atributo
seletor de atributo,
que busca um elemento pelo final do valor do atributo
seletor de atributo,
que busca um elemento por texto no valor do atributo
seletor de atributo,
que busca um elemento por um dos valores do atributo
Seletor filho,
que permite selecionar elementos por aninhamento direto
Seletor contextual,
que permite selecionar um elemento pelo seu elemento pai
Seletor adjacente,
que permite selecionar um elemento pelo seu vizinho adjacente
Seletor geral de irmãos,
que permite selecionar elementos após um determinado elemento
Seletor universal,
que permite selecionar todos os elementos