Porque usar CLASS ao invés de ID em CSS

Aviso importante!

Eu sei que você não quer ver propagandas, porém o conteúdo gratuito só está aqui graças a publicidade. Considere desativar o AdBlock para esse site.

Este é um guest post enviado por Marciano Dias para o RBtech Developer.

Uma das regras do seletor ID é ser utilizado em apenas 1 elemento da página. Já a CLASS pode ser utilizada em vários elementos, simplificando e até otimizando a quantidade de comandos CSS na hora da estilização da página HTML. Confira um exemplo simples mostrando algumas vantagens de utilizar CLASS em seus elementos.

Sobre o autor

Marciano Dias

Este autor é um voluntário, que além de acompanhar o blog participa enviando conteúdos para serem publicados. Participe você também!

Comentários

Atualmente temos 5 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.

  • Brunno Vianna comentou em

    Boa a vídeo-aula!

    Apenas um outro ponto de vista: em um site com muitos detalhes diferentes (designer adora inventar moda), pode-se fazer bom uso tanto de id quanto de classe.

    Fazendo uma análise da estrutura, pode-se usar classe quando o elemento se repete (como cores, tamanhos, fontes, bordas) e deixar os detalhes diferentes para o id gerenciar. Como o id tem prevalência sobre a classe, isso evita ter que ficar usando muitos seletores de classe para estilizar aquele quadrado com a borda de 2px e fonte verde que só existe na home.

    Responder
  • M.D comentou em

    Obrigado ao administrador do RBTech.info por divulgar o vídeo, e obrigado a todos que comentaram o vídeo.

    Responder
  • Bruno comentou em

    Video aula muito boa, mais isso depende muito da forma que vc for criar o site eu sempre estruturo o site em div id como header content e footer, uso os 2 tentando fazer um css o mais limpo possivel e a class ajuda muito diminuindo a quantidade de script css ;D

    Responder
  • Miguel comentou em

    Opa... Corretíssimo! Inclusive um Documento HTML que tenha ID em mais de um elemento não é validado pela W3C.

    Responder
  • Wellington Silva comentou em

    Eae Marciano tudo certo ?

    Estavamos discutindo aqui no trabalho justamente sobre o uso de Classes do jeito que você mostrou na VA.

    Vlw pela aula.

    Abs

    Responder

Deixe seu comentário