CSS3 [atributo^=valor] Seletor

Definição e uso

CSS [atributo^=valor] O seletor é usado para combinar cada elemento cujo valor de atributo especificado começa com o valor especificado.

Exemplo

Exemplo 1

Defina a cor de fundo para todos os elementos <div> cujo valor de atributo class começa com "test":

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

Experimente você mesmo

Exemplo 2

Defina a cor de fundo para todos os elementos cujo valor de atributo class começa com "test":

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

Experimente você mesmo

Sintaxe CSS

[atributo ^= valor}
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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