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:

• 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
• Combinadores
  • Seletores de irmão adjacentes A + B
  • Seletores de irmãos gerais A ~ B
  • Seletores filhos A > B
  • Seletores descendentes A B
• Pseudo-elementos
• Pseudo-classes

Selectors Level 3