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!
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!