Olá galera, alguém poderia colocar alguns exemplos de como usar o recurso inherit.
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
Olá galera, alguém poderia colocar alguns exemplos de como usar o recurso inherit.
Olá Flávio,
No meu entender inherit determina que o elemento herde o valor do seu ancestral mais próximo. Veja esse exemplo:
HTML:
<body>
<header>
<h1>Título</h1>
</header>
</body>CSS:
body {
color: red;
}
header {
color: green;
}
h1 {
color: inherit; /* Nese caso, a cor será GREEN por que o H1 herdou do elemento HEADER do qual é filho, porém, se o elemento sair do HEADER e ficar na raiz do BODY, a cor herdada será RED*/
}Espero que tenha ajudado!