Nas aulas da professora Rafaela Ballerini, por exemplo, fazíamos uma classe para
- menu__lista, em sequencia para o
- menu__lista__item... do nada o professor acabou usando:
.menu__lista li{
}Como funciona isso?
Nas aulas da professora Rafaela Ballerini, por exemplo, fazíamos uma classe para
}
Como funciona isso?
Olá, Rodrigo! Tudo bem?
É uma boa prática no desenvolvimento Front-end, adicionarmos identificadores nos elementos HTML (como fez, no seu caso, a instrutora Rafaela Ballerini), geralmente usamos class e id.
No entanto, caso não tenhamos estilos específicos que desejamos inserir em elementos específicos, podemos referenciar por sua tag.
Por exemplo, se existem diversos parágrafos("< p >") em nosso documento HTML e queiramos inserir um estilo igual a todos eles, podemos criar uma classe comum a todos eles ou simplesmente nos referir a eles no CSS com "p".
No caso do exemplo que você deu, os elementos que terão o estilo que estiver entre as chaves são os elementos de tag "li" (list itens) do elemento pai de classe ".menu__lista".
Espero ter ajudado.
Fico à disposição em caso de dúvidas.
Abraço.
Ainda é um pouco confuso para mim. Além disso, as duas abordagens são consideradas corretas?
Olá, Rodrigo! Tudo bem?
Sinto muito que ainda não tenha entendido bem.
Recomendo dar uma olhadinha na resposta dessa pergunta, ela poderá te ajudar com exemplos mais práticos.
Quanto a segunda pergunta. Sim, não há problema algum em utilizar as tags dos elementos para se referir a eles no CSS, no entanto, criar identificadores para os elementos é uma boa prática que pode te ajudar muito no desenvolvimento front-end.
Espero ter ajudado. Caso reste ainda alguma dúvida, pode mandar aqui.
Até logo!