Olá pessoal, tudo bem? Poderiam só me tirar uma duvida por favor, na hora da estilização, eu realmente preciso colocar, por exemplo:
header nav ul {
display: flex;
}Não posso colocar apenas:
ul {
display: flex
}Agradeço a atenção!
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!
Olá pessoal, tudo bem? Poderiam só me tirar uma duvida por favor, na hora da estilização, eu realmente preciso colocar, por exemplo:
header nav ul {
display: flex;
}Não posso colocar apenas:
ul {
display: flex
}Agradeço a atenção!
Oi, Gabriel, tudo bem?
Não é interessante, pois você está dizendo assim: pegue todas as ul e aplique display: flex a elas , mas caos você tenha outra sessão com a tag ul e você não deseje que ela receba o estilo flex você estará aplicando esse estilo.
Na primeira forma, você está dizendo aplica o display: flex para a ul que está em nav, essa nav que está em header, aqui você um nível de especificidade maior e menos genérico. Além do que, na segunda forma você pode sobrepor estilos.
Para saber mais: https://developer.mozilla.org/pt-BR/docs/Web/CSS/Specificity
Qualquer dúvida é só falar!