Question

(HTML - CSS) Qual a diferença entre os seletores por ID, Classe e por tag? Explique vantagens e desvantagens.

Answer 1

Bom,seletor ID é para um único elemento só,um elemento unificado,por exemplo...vamos dizer que você tenha ( #botao {width:50px; height:50px; background-color:black;}) certo? você tem um botão preto,um código para um único botão,no seletor classe você define isso para inúmeros botões por exemplo (.botões {width:50px; height:50px; background-color:blue;}) então você tem o seguinte... você tem uma gama de botões dá cor azul no seu site/aplicações certo? mas um único elemento definido pela tag ID #botao que é o botão específico do "login" por exemplo é preto,essa seria a diferença... as tags são para um elemento inteiro por exemplo... quero que todas as fontes do meu site sejam pink certo? então vou colocar a tag h1 no CSS e definir que todas as tags h1 serão pink exemplo... (h1 {font-color:pink;},espero que tenha entendido.

Answer 2

ID usa-se mais quando vai colocar uma linguagem dinâmica ou seja quando você quiser por exemplo integrar a javaScript. Então os elementos dever ser chamados por id. Classe é um grupo mais especifico de elementos, por exemplo, um grupo de texto que deve-se destacar mas são separados então coloca-se classe. Por tag é mais geral, aplica-se a todos elementos, mas não é muito recomendado.