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:

html<a href="file.html">link1</a>
<a href="">link2</a>
cssa[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