Seletor por nome de atributo

O seletor por nome de atributo define o estilo para um elemento que possui apenas o atributo da tag especificado.

Exemplo

Vamos nos voltar para a tag <input>, com o atributo type, e definir para ela a cor de fundo azul claro:

html<p>
  <label>Digite texto</label>
  <input>
</p>
<p>
  <label>Digite número</label>
  <input type="number">
</p>

cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

seletor de atributo,
que procura um elemento pelo valor do atributo
seletor de atributo,
que procura um elemento pelo início do valor do atributo
seletor de atributo,
que procura um elemento pelo final do valor do atributo
seletor de atributo,
que procura um elemento pelo texto no valor do atributo
seletor de atributo,
que procura um elemento por um dos valores do atributo
seletor de atributo,
que procura um elemento por hífen no valor do atributo
Seletor filho,
que permite selecionar elementos por aninhamento direto
Seletor contextual,
que permite selecionar um elemento pelo seu elemento pai
Seletor adjacente,
que permite selecionar um elemento pelo seu elemento irmão adjacente
Seletor de irmão geral,
que permite selecionar elementos após um determinado elemento
Seletor universal,
que permite selecionar todos os elementos