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:
<p>
<label>Digite texto</label>
<input>
</p>
<p>
<label>Digite número</label>
<input type="number">
</p>
input[type] {
background-color: #C2DDFD;
}
:
Veja também
-
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