No arquivo base.css as propridades color, font-size, background estão com o valor inherit. Minha dúvida é o que faz o valor inherit e porque se utiliza esse valor e quando é recomendado a utilização dele?
obrigado
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
No arquivo base.css as propridades color, font-size, background estão com o valor inherit. Minha dúvida é o que faz o valor inherit e porque se utiliza esse valor e quando é recomendado a utilização dele?
obrigado
Olá David!
O valor inherit é utilizado para herdar o valor de uma propriedade do elemento pai. Quando uma propriedade é herdada, ela assume o valor do elemento pai. Por exemplo, se você definir a cor do texto em um elemento pai e não definir a cor do texto em um elemento filho, o elemento filho herdará a cor do texto do elemento pai. O valor inherit é útil quando você deseja que um elemento filho herde uma propriedade de seu elemento pai, o "color" faz isso automaticamente, mas, por exemplo, o background, não acontece isso, devemos declarar explicitamente que o filho deve herdar essa propriedade assim como seu pai, utilizando o background: inherit.
Em resumo, o valor inherit é usado para fazer com que um elemento filho herde o valor de uma propriedade de seu elemento pai. É útil para manter a consistência de estilo e reduzir a repetição de código, mas deve ser usado com compreensão das propriedades que podem ser herdadas e com cuidado para evitar conflitos.
A título de curiosidade deixo a documentação:
Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!