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

main h1 desconfigura o titulo

quando coloco a tag main antes do h1 o titulo perde a configuração

3 respostas

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

solução!

Olá Elias!

Conseguiu resolver o problema?

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software