Selector (CSS)

Você está lendo a versão em inglês deste conteúdo porque ainda não há uma tradução para este idioma. Ajude-nos a traduzir este artigo!

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:

CSS selector coding results

 

Aprenda mais

Conhecimento geral

Referência técnica

Selectors Level 3