Seletor por um dos valores de atributo
O seletor por um dos valores de atributo define o estilo para um elemento que possui pelo menos um dos valores especificados em seu atributo. Neste caso, todos os valores do atributo devem ser separados por espaço.
Exemplo
Vamos encontrar todos os <p> que contêm
test em um de seus valores e colori-los
em azul:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
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 pelo texto no valor do atributo -
seletor de atributo,
que busca um elemento por hífen no valor do atributo -
Seletor filho,
que permite selecionar elementos por aninhamento direto -
Seletor contextual,
que permite selecionar um elemento por seu pai -
Seletor adjacente,
que permite selecionar um elemento por seu vizinho -
Seletor irmanado,
que permite selecionar elementos após um determinado -
Seletor universal,
que permite selecionar todos os elementos
