Qual é o jeito correto de fazer a declaração dos seletores id e class na folha de estilo

[fili 0]

 

Olá eu estava estudando as declarações dos seletores id e class e me deparei com 2 jeitos diferentes e eu não seio qual é o jeito correto 

 

/* 1° jeito  de declara */ 

div#conteudo1

class.conteudo2


/* 2° jeito de declara */

#conteudo1

.conteudo2

qual desses jeitos é o correto ?

 

[Omar~ 87]

Ambos.

 

Vamos supor que eu tenha um classificado conteudo.

logo no css o comum vermos por exemplo:

.conteudo {color:red}

Assim sendo todos os elementos que tenham esse classificador irá ter o texto da cor vermelha.

Mas se por acaso eu queira somente que o texto fique vermelho em tags P, ataco pelo elemento seguido do classificador

p.conteudo {color:red}

 

Quando você passa o elemento primeiro você dar mais responsabilidade ao css manipular elementos.

Não acho uma boa ficar fazendo isso em todo e qualquer elemento, somente quando for realmente necessário.