Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Diferença entre especificar no "li" e no "a"

Pessoal, existe diferença entre as duas especificações abaixo ? Posso fazer de uma forma ou de outra ?

aside li{

}

ou

aside a{

}

1 resposta
solução!

Olá Daniel! Depende do que você pretende. Seu estilo será aplicado especificamente aos links, aos elementos com a tag a ? Então utilize a segunda alternativa. O ideal é ser o mais específico possível.

E há diferença sim dependendo do estilo que você quer aplicar. Um exemplo é o próprio elemento com a tag a. No exemplo abaixo:

// HTML
<aside>
    <ul>
        <li><a href="#">teste</a></li>
    </ul>
</aside>

//CSS 
aside li {
    color: red;
}

Qual a cor que a palavra teste recebe? Não é vermelho, pois o elemento com a tag a com o atributo href não herda a propriedade color. Para conseguir a cor vermelha é necessário que o CSS fosse assim:

aside a {
    color: red;
}

Abraços e sucesso nos estudos!!