Seletor de atributo por texto
O seletor de atributo por texto aplica um estilo a um elemento que tem um valor de atributo da tag contendo um texto específico.
Exemplo
Vamos encontrar links que contenham
test em seus atributos
e mudar sua cor para verde:
<a href="https://test.com">link1</a>
<a href="https://code.mu">link2</a>
<a href="http://my-test.com">link3</a>
a[href*="test"] {
color: green;
}
:
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 um dos valores do atributo -
seletor de atributo,
que busca um elemento por um hífen no valor do atributo -
Seletor filho,
que permite selecionar elementos por aninhamento direto -
Seletor contextual,
que permite selecionar um elemento pelo seu pai -
Seletor adjacente,
que permite selecionar um elemento pelo seu vizinho -
Seletor irmão geral,
que permite selecionar elementos após um determinado -
Seletor universal,
que permite selecionar todos os elementos
