CSS [attribute|=value] Seletor

Definição e uso

CSS [attribute|=value] O seletor é usado para selecionar elementos que têm um atributo específico e cujo valor do atributo coincide completamente ou começa com o valor especificado seguido de hífen (–).

Atenção:O valor deve ser uma palavra completa, ou aparecer sozinho, como lang="en", ou seguido de hífen (–), como lang="en-us".

Exemplo

Exemplo 1

Selecione e defina o estilo dos elementos cujo valor da propriedade lang é "en" ou "en-":

[lang|="en"] {
  background-color: yellow;
}

Experimente você mesmo

Exemplo 2

Selecione e defina o estilo dos elementos cujo valor da propriedade class é "top" ou "top-":

[class|="top"] {
  background-color: yellow;
}

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 completamente o seletor.