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:
<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>
p[class|="text"] {
color: red;
}
:
Veja também
-
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
