Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Diferença entre div e Main Div

Eu usei o código e deu certo, mas a minha duvida é sobre o porque usar o main div no "site.css", já que todo o texto da "bio.html" está dentro da tag

?
/* Deixando todo texto centralizado e agradável de se ler */

div {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
}

main div {
    width: 750px;
    margin: auto;
}

Eu li varias vezes a explicação e a opinião do instrutor, mas ainda não consegui entender. Obrigado pela atenção!

2 respostas
solução

Olá Marcos, tudo bem?

A diferença do seletor refere-se a especificidade do mesmo.

Podemos calcular a especificidade de um seletor da seguinte forma:

ID -> + 1 na casa das centenas

Class -> +1 na casa das dezenas

tag -> +1 na casa das unidades

Primeiro seletor : 001

Segundo seletor: 002

No caso acima, o segundo seletor é mais específico que o primeiro. Interpretando-os, podemos entender melhor.

No primeiro, estilizamos todas as tags divs da página que importar esse arquivo de estilos.

No segundo, estilizamos apenas as tags divs que forem filhas de uma tag main (estiverem dentro), bem mais específico!

Espero ter ajudado!

Abraços e bons estudos!

Opa Marcos!

Fico feliz que tenha entendido, estou fechando o tópico agora. Caso tenha uma nova dúvida, basta criar um novo!

Abraços!