Pessoal, existe diferença entre as duas especificações abaixo ? Posso fazer de uma forma ou de outra ?
aside li{
}
ou
aside a{
}
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!
Pessoal, existe diferença entre as duas especificações abaixo ? Posso fazer de uma forma ou de outra ?
aside li{
}
ou
aside a{
}
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!!