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

Dúvida em relação ao Inherit

No arquivo que vocês deixam baixar o código está da seguinte maneira:

aside {
    background-color: #3C1D3D;
    color: #F2FFFC;
}
aside a {
    color: inherit;
    font-family: "Open Sans Condensed", sans-serif;
}
nav a {
    color: #F2FFFC;
}

Eu tirei aquele inherit e percebi que não aconteceu nada, no meu código eu deixei da seguinte maneira:

aside{
    background-color: #3C1D3D;
    color: #F2FFFC;
}
aside a {
    font-family: "Open Sans Condensed", sans-serif;
}
nav a {
    color: inherit;
}

Deu o mesmo resultado, aí queria entender porque colocaram aquele inherit no código dado pela alura, já que não fez nenhuma diferença quando eu tirei aqui.

5 respostas
solução!

Oi Matheus, tudo bem? O resultado é o mesmo por que o inherit foi para o nav a, que vai herdar a cor do aside. Se remover o inherit do a, o link vai ficar azul, cor padrão do navegador.

Agora, se você tiver um link dentro do aside, mas fora do nav, ele não terá a mesma cor do link que está dentro do nav.

Pegou a ideia das relações? O inherit vai fazer com que o valor da propriedade seja herdado do elemento pai imediato.

Obrigado por tirar minha dúvida.

Opa, só um pedido, quando um um post solucionar a sua dúvida, marca ela como solução do tópico por favor? Lembra sempre de fazer isso quando fizer sentido, ok?

Ah, não sabia, não participo muito de fóruns.

Tudo bem! Aos poucos a gente vai pegando o jeito! Obrigado e bons estudos!