Selector (CSS)
O seletor CSS é parte da regra do CSS que lhe permite selecionar qual elemento(s) vai receber o estilo pela regra. Por exemplo:
***HTML***
<div> Eu estou dentro do elemento. </div>
<p> Eu estou dentro de um elemento de parágrafo. </p>
***CSS***
div {
color: green;
}
p {
color: red;
}
Nessa primeira regra do CSS, eu estou selecionando o elemento da div estilizando-a colorindo o texto para verde. Na segunda regra do CSS, eu estou selecionando o elemento "p" e estilizando-a colorindo o texto para vermelho. Aqui estão os resultados:
Aprenda mais
Conhecimento geral
- Seletores básicos
- Tipos de seletores
elementname - Classes seletoras
.classname - ID seletores
#idname - Seletores universais
* ns|* *|* - Seletores de atributos
[attr=value] Seletores de estado a:active, a:visited
- Tipos de seletores
- Combinadores
- Seletores de irmão adjacentes
A + B - Seletores de irmãos gerais
A ~ B - Seletores filhos
A > B - Seletores descendentes
A B
- Seletores de irmão adjacentes
- Pseudo-elementos
- Pseudo-classes