CSS [atributo=valor] Seletor

Definição e uso

CSS [atributo=valor] O seletor é usado para escolher elementos que têm um atributo específico e cujo valor coincide exatamente.

Exemplo

Exemplo 1

Selecione e defina o estilo de todos os elementos <a> com target="_blank". Ao mesmo tempo, selecione e defina o estilo de todos os elementos <p> com lang="it":

a[target="_blank"] {
  cor-fundo: amarelo;
}
p[lang="it"] {
  cor-fundo: salmão;
}

Experimente você mesmo

Exemplo 2

Defina a largura do elemento <input type="text"> para 100px. No entanto, quando ele ganha foco, defina sua largura para 250px:

input[type="text"] {
  largura: 100px;
}
input[type="text"]:focus {
  largura: 250px;
}

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 plenamente esse seletor.