CSS [atributovalor] Seletor

Definição e uso

CSS [atributovalor] O seletor é usado para selecionar elementos cujo valor do atributo contém uma palavra específica.

O exemplo a seguir coincidirá com os elementos title="flower", title="summer flower" e title="flower new", mas não coincidirá com title="my-flower" ou title="flowers".

Exemplo

Selecione e defina o estilo dos elementos que contêm a palavra "flower" na propriedade title:

[title~="flower"] {
  border: 5px sólido verde;
}

Experimente você mesmo

Sintaxe CSS

[atributovalor}
  declarações css;
}

Detalhes técnicos

Versão: CSS2

Suporte do navegador

Os números na tabela representam a primeira versão do navegador que suporta plenamente o seletor.

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

Páginas relacionadas

Tutorial CSS:Seletor de propriedade do CSS

Tutorial CSS:Detalhamento do seletor de atributo CSS