Os seletores são utilizados para selecionar a quais elementos do HTML determinada estilização deve ser aplicada.
Se queremos modificar a cor de todos os parágrafos do nosso texto, podemos utilizar o atributo "color" do CSS com o valor "red". Porém precisamos de um seletor que selecione apenas parágrafos, e para isto podemos utilizar o nome do elemento HTML que define parágrafos, o "p".
Outras formas de selecionar se dão pelo id e pela classe.
Formato da declaração:
Exemplo:
h2 { /*Seletor de tag*/
color: red; /* cor do texto para vermelho */
font-size: xx-large; /* tamanho da fonte */
font-weight: bold; /* espessura da fonte */
}
#element_id { /*Seletor de id defido pela hashtag*/
color: red;
font-size: xx-large;
font-weight: bold;
}
.element_class { /*Seletor por classe definido pelo ponto*/
color: red;
font-size: xx-large;
font-weight: bold;
}
<p id="element_id">Selecionado por id</p>
<p class="element_class">Selecionado por classe</p>
<p><a href="../pseudo-classes/index.html">Próximo</a></p>