Seletor por valor de atributo
O seletor por valor de atributo permite selecionar elementos pela presença de um determinado atributo ou seu valor e aplicar o estilo desejado a eles.
Exemplo
Vamos nos voltar para a tag input,
que tem o valor do atributo type
igual a text, e definir a cor de fundo
azul claro para ela:
<p>
<label>Digite texto</label>
<input type="text">
</p>
<p>
<label>Digite número</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
Veja também
-
seletor de atributo,
que procura elemento pelo nome do atributo -
seletor de atributo,
que procura elemento pelo início do valor do atributo -
seletor de atributo,
que procura elemento pelo final do valor do atributo -
seletor de atributo,
que procura elemento pelo texto no valor do atributo -
seletor de atributo,
que procura elemento por um dos valores do atributo -
seletor de atributo,
que procura elemento por hífen no valor do atributo -
Seletor filho,
que permite selecionar elementos por aninhamento direto -
Seletor contextual,
que permite selecionar elemento pelo seu pai -
Seletor adjacente,
que permite selecionar elemento pelo seu vizinho -
Seletor geral de irmãos,
que permite selecionar elementos após o especificado -
Seletor universal,
que permite selecionar todos os elementos
