Seletores CSS em HTML5

Os seletores CSS são usados ​​para identificar quais elementos HTML um determinado estilo será colocado neles, para isso podemos usar o rótulo estilo ou uma folha de estilo externa. Imaginemos por um momento que queiramos colocar um certo aspecto em nosso documento, para isso devemos desenvolver estilos, porém, para não repetir o código, o ideal é usar os estilos para os seletores, por exemplo se quisermos todos os links para o elemento para são de uma cor específica, usaríamos os estilos com o seletor por tipo.
Este seletor afeta todos os elementos do documento, apesar de ser o seletor mais fundamental, não é muito utilizado, pois seu escopo é muito amplo.
Vamos ver um pequeno exemplo de como funciona:

 Exemplo
Gosto de maçãs e laranjas.

Visite o site do W3C 

Como podemos ver no exemplo, dizemos ao estilo com o seletor universal que todos os elementos terão uma borda preta sólido fino, isso produz o seguinte resultado:

Vemos que o estilo foi aplicado a todos os elementos, isso não é muito agradável de se olhar no momento, mas dá certo.
Com este tipo de seleção podemos selecionar e aplicar um estilo a todos os elementos de um tipo específico, desta forma podemos ser gerais sem ser tão amplos como com o seletor universal que vimos anteriormente.
Vamos trabalhar com o seguinte exemplo:

 Exemplo
Gosto de maçãs e laranjas.
Visite o site do W3C 

Como podemos ver, usamos o tipo de elemento para À qual adicionaremos a borda preta na qual estivemos trabalhando no tutorial, vamos ver como fica na tela:

O resultado é um pouco melhor do que o gerado com o seletor universal, pois neste caso apenas os links possuem a borda preta.
E se agora quisermos aplicar um estilo mas apenas a certos elementos, independentemente do seu tipo, mas não podemos aplicá-lo a todo o documento, para isso podemos usar o seletor por classes, com o seletor por classe podemos conseguir um pouco mais exclusão ao aplicar um estilo.
Vamos ver o código:

 Exemplo Visite o site
Gosto de maçãs e laranjas.

Visite o site do W3C 

Neste caso, decidimos aplicar o estilo a todos os elementos da classe classe 2 podemos ver no código um elemento que possui duas classes, porém ter a classe que especificarmos também levará o estilo. Com isso concluímos este tutorial sobre seletores, recomendamos continuar a praticar, combinando o que aprendemos, para que possamos enriquecer a aparência de nossos sites e aumentar seus padrões de usabilidade da forma mais eficaz e simples possível.