Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

carlospereira

O que devo usar no CSS, ID ou Class?

Recommended Posts

Olá pessoal, comecei a praticar html e css e surgiu algumas dúvidas:

 

Quando for criar um estilo para um elemento HTML o que devo usar no CSS, CLASSes ou IDs?

 

Qual é o critério de vocês para escolher o que usar no CSS?

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode usar qualquer um, porém tenha em mente isso.

 

ID's são únicos, então, você só deve ter apenas um objeto com o ID.

 

Classes você pode usar em vários lugares. Eu na maior parte utilizo classes, assim consigo reaproveitar as estruturas e estilos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Complementando o #2. Supondo que você tenha 6 inputs, você quer deixar dois deles com a cor do texto verde e dois com a cor azul:

<input type="text" value="valor" class="verde"  id="primeiro"/>
<input type="text" value="valor" class="verde" id="segundo"/>

<input type="text" value="valor" class="azul" id="terceiro"/>
<input type="text" value="valor" class="azul" id="quarto"/> 

//CSS  
.verde{color:green;}
.azul{color:blue;} 
 
#primeiro{font-size:12px;}
#segundo{font-size:14px;}
#terceiro{font-size:16px;}
#quarto{font-size:18px;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Algumas leituras interessantes:

 

http://wbruno.com.br/css/afinal-como-nomear-ids-e-classes-no-csshtml/

http://wbruno.com.br/css/afinal-usar-ou-nao-seletores-ids-no-css/

http://wbruno.com.br/css/object-oriented-css-a-teoria-das-classes-reutilizaveis-oocss/

 

No final das contas, cada um tem uma finalidade. E vc pode sim utilizar ambos. Cada um no momento correto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.