Porque não pode usar ID ao invés de classe na aula 02 Trabalhando com listas | HTML5 e CSS3 parte 1: crie uma página da Web

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

Referente ao curso HTML5 e CSS3 parte 1: crie uma página da Web, no capítulo Listas e divisões de conteúdo e atividade Trabalhando com listas

por Jefferson Freitas

| 16.4k xp | 3 posts

Na aula 02 Trabalhando com listas é citado que não podemos adicionar id para cada lista pois teria que repetir e a solução seria usar classe. Não entendi muito bem esse conceito. Tanto com id ou classe o trabalho seria o mesmo ao meu ver. Poderia me explicar melhor por favor?

Segue exemplo:

Com ID

HTML

Atendimento ao cliente
Espaço diferenciado
Localização
Profissionais Qualificados

- CSS #itens { font-style: italic; }

COM CLASSE

HTML

Atendimento ao cliente
Espaço diferenciado
Localização
Profissionais Qualificados

CSS .itens { font-style: italic; }

1 resposta

solução!

por Bruno Gonçalves Fernandes

| 394.3k xp | 32 posts

Gerente de Relacionamento

11/01/2020

Jefferson, boa tarde!

A ideia de se usar a classe e não o id é por uma questão semântica. O id é único em todo o seu projeto, ou seja, caso queira usar essa mesma estilização em outro ponto do seu projeto usando o id você teria que criar uma no id e uma nova estilização no seu arquivo.css.

Já a utilização das classes permite o reaproveitamento de uma mesma classe em outro ponto do seu projeto.

Visualmente essa alteração de id para class no seu projeto realmente não existe. Mas como boa prática vamos usar class ao invés dos id.

Espero ter ajudado.