text-decoration: none;

Pessoal, queria tirar o sublinhado dos links do menu então pensei em:

aside {
    text-decoration: none;
}

Mas não funcionou. Tive que colocar em:

nav a {
    text-decoration: none;
}

se "nav a" está dentro de "aside":

        <aside> 
            <h1>João da Silva</h1>
            <nav>
                <ul> 
                    <li> <a href="index.html">Home</a> </li>
                    <li> <a href="portfolio.html">Portfolio</a> </li> 
                    <li> <a href="bio.html">Sobre mim</a> </li>
                    <li> <a href="blog.html">Blog</a> </li>
                    <li> <a href="contato.html">Contato</a> </li>
                </ul>
            </nav>
        </aside>

Pq não funcionou? Na minha cabeça, colocar "text-decoration: none;" dentro do aside deveria atribuir isso para todos os textos do trecho acima, certo? (ainda testei e retestei pra não escrever besteira aqui, mas é isso mesmo)