Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Usar table ou .habilidades

Bom dia! no meu exercício usei a tag table no css para formatar as bordas e margin da tabela. Vi que na respostas do instrutor e chamou pela classe .habilidades. As duas maneiras estão corretas já que o efeito final foi o mesmo ou seria melhor para a semântica e comportamento da página chamar pela classe .habilidades?

minha resposta:
table {
    border-collapse: separate;
    border-spacing: .25em;
    margin: 1em 0;
}


resposta do instrutor:
.habilidades {
    border-collapse: separate;
    border-spacing: .25em;
}
.habilidades {
    margin: 1em 0;
}
3 respostas
solução!

Boa tarde, Valter! Como vai?

Seria melhor usar o seletor de classe .habilidades pq assim vc garante que o seu CSS será utilizado apenas nos elementos que tem essa classe. Se vc utilizar o seletor de tag table vc irá aplicar o CSS em todas as tabelas da página que em muitos casos pode ser problemático pq vc pode acabar colocando um CSS num elemento que não queria.

Além disso, por questões de boas práticas, o ideal é manter o seu CSS o mais desacoplado possível da forma como a sua página é estruturada! Em outras palavras, se amanhã vc passar a apresentar os dados em uma div em vez de usar table, normalmente o ideal é que o CSS continue sendo aplicado mesmo após essa troca. E se vc utilizar o seletor de tag isso não seria possível e seu CSS deixaria de funcionar.

Portanto, o ideal é utilizar o seletor de tag apenas quando tiver muita certeza que aquele CSS deve ser aplicado em todos os elementos daquela tag e que o seu HTML não mudará ao longo do tempo. Caso contrário, na maioria esmagadora dos casos o ideal é utilizar o seletor de classe mesmo.

Grande abraço e bons estudos!

Boa noite Gabriel! Agora ficou claro, he he. Muito obrigado pela explicação.

Abraço!

Por nada, Valter!

Sempre que tiver alguma dúvida não hesite em procurar o pessoal aqui no fórum!

Grande abraço e bons estudos!