quando coloco a tag main antes do h1 o titulo perde a configuração
Solucionado
quando coloco a tag main antes do h1 o titulo perde a configuração
Elias, você poderia disponibilizar o código para teste?
Olá Elias!
Isso acontece por questão de hierarquia.
Seu CSS está da seguinte forma:
main h1 {
font-size: 30px;
color: red;
}
h1 {
font-size: 20px;
font-weight: bold;
}Observe que você tem uma estilização generalizada para todas as tags h1 e outra estilização mais especifica para tags h1 dentro de main.
Quando você coloca a tag main antes do h1 quer dizer que o h1 está dentro de main. Ou seja, ele irá utilizar a primeira estilização pois o elemento sempre irá receber a estilização mais especifica que o atenda.
Seu h1 ficara com cor vermelha e font-size de 30px.
Espero ter ajudado! :D
Olá Elias!
Conseguiu resolver o problema?