CSS3 [attribute$=value] Seletor

Definição e uso

CSS [attribute$=value] O seletor é usado para combinar cada elemento cujo valor de atributo termina com o valor especificado.

Exemplo

Exemplo 1

Defina estilos para todos os elementos <div> cujo valor de atributo class termina com "test":

div[class$="test"] {
  background: salmão;
}

Experimente você mesmo

Exemplo 2

Defina estilos para todos os elementos cujo valor de atributo class termina com "test":

[class$="test"] {
  background: salmão;
}

Experimente você mesmo

Sintaxe CSS

[attribute $= value] {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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