CSS3 [atributo*=valor] Seletor

Definição e uso

CSS [atributo*=valor] O seletor é usado para combinar cada elemento que contenha o valor especificado no valor do atributo.

Exemplo

Exemplo 1

Defina estilos para todos os elementos <div> que contenham o valor de atributo class "test":

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

Experimente você mesmo

Exemplo 2

Defina estilos para todos os elementos que contenham o valor de atributo class "test":

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

Experimente você mesmo

Sintaxe CSS

[atributo *= valor] {
  declarações css;
}

Detalhes técnicos

Versão: CSS3

Suporte do navegador

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

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Páginas relacionadas

Tutorial de CSS:Seletor de atributo do CSS

Tutorial de CSS:Detalhamento do seletor de atributo CSS