Seletor por final do valor do atributo
O seletor por final do valor do atributo aplica o estilo a um elemento que tem o valor do atributo da tag terminando com um texto específico.
Exemplo
Vamos considerar a tag a,
que tem o valor do atributo href
terminando em .html e vamos mudar sua cor
para vermelho:
<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>
a[href$=".html"] {
color: red;
}
:
Veja também
-
seletor de atributo,
que procura um elemento pelo nome do atributo -
seletor de atributo,
que procura um elemento pelo valor do atributo -
seletor de atributo,
que procura um elemento pelo início do valor do atributo -
seletor de atributo,
que procura um elemento pelo texto no valor do atributo -
seletor de atributo,
que procura um elemento por um dos valores do atributo -
seletor de atributo,
que procura 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 pelo seu pai -
Seletor adjacente,
que permite selecionar um elemento pelo seu vizinho -
Seletor geral de irmãos,
que permite selecionar elementos após um determinado -
Seletor universal,
que permite selecionar todos os elementos
