Seletores estão entre as primeiras coisas que você deve aprender quando está começando a estudar CSS. Aqui veremos 5 seletores CSS que você precisa saber!
Asterisco *
o asterisco tem como alvo todos os elementos em uma página. Muitos desenvolvedores o usam para zerar as margens e o preenchimento (margin e padding).
Ponto .
Esse é um seletor de classe. A diferença entre um identificador e uma classe é que, com a classe você pode selecionar vários elementos. Use uma classe sempre que você precisar estilizar um grupo de elementos.
Hashtag #
O "jogo da velha" (ou hashtag), permite encontrar algum elemento com um identificador(id). Ele é um dos seletores mais usados. É importante lembrar que esse tipo de seletor tem uma especificidade maior que seletores de classe, e que um valor de id deve ser único em um mesmo documento.
Sinal de Positivo +
Ele selecionará somente o elemento imediatamente após o elemento especificado anteriormente.
No exemplo da imagem, selecionará só o primeiro parágrafo após cada url na página, e fará que ele tenha a cor purple.
Sinal de Maior >
Um seletor #container > ul somente selecionará aquelas url que são filhas diretas de uma div com identificador nomeado como container.
