Até agora, os seletores usados eram genéricos: modificavam todos os elementos de um determinado tipo.

Porém, há muitas outras maneiras mais precisas (ou ainda mais gerais) de se selecionar elementos.

🌎 Universal Selector

Seleciona todos os elementos do documento.

Representado por um asterisco:

* {
	color: purple;
}

Muito usado para resetar estilos que vêm por padrão.

🪪 ID Selector

Uma das maneiras mais simples de se selecionar um elemento específico para ser estilizado é usando o atributo id.

No arquivo CSS, para referenciar um id, basta preceder seu valor por um hash sign (#):

<h1>My Webpage</h1>

<p>I'm a paragraph!</p>

<p id="special">Blah blah blah.</p>

#special {
	color: orange;
}

Destaca-se que esse tipo de seletor deve ser usado apenas quando se quer estilizar um único elemento em específico, uma vez que, idealmente, um id deve ser único em uma página.

🍱 Class Selector