<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contatos.html">Contatos</a></li>
</ul>
</nav>produtos.html
header nav li {
display: inline;
text-transform: uppercase;
color: #000;
}produtos.css
Neste caso, o CSS deveria aplicar a cor preta para tudo dentro da <li>, mas isso não ocorre. Para eu ver os links em preto sou obrigado a aplicar o CSS diretamente sobre a tag <a>:
header nav li {
display: inline;
text-transform: uppercase;
}
header nav li a {
color: #000;
}produtos.css
Minha pergunta é: o CSS não é em castacata e não deveria agir sobre todos os filhos?
