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