Olá galera, alguém poderia colocar alguns exemplos de como usar o recurso inherit.
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta
resposta
inherit
solução!
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!