Solucionado
Olá pessoal! Vi que no curso criaram um class "icones-sociais" para a tag li ( .icones-sociais li), mas usaram ela na tag ul e não na li. Sei que se colocassem no CSS para a tag ul, não faria a quebra link a link. A pergunta aqui é com relação as regras do HTML/CSS se isso não seria uma adaptação? Para seguir a regra não deveria usar o class da tag li, declarada?
Olá Marcus, Tudo bem?
O seletor .icones-sociais lina realidade quer dizer:
Selecione todos os elementos LI que estão abaixo na hierarquia de um elemento com classe icones-sociais
Neste caso o .icones-sociais linão é uma classe para a tag li, mas sim uma regra que tem como alvo todos os li que estão dentro de um elemento .icones-sociais.
Sobre CSS não existe um jeito certo de programar, o importante é sempre tentar ser o mais eficiente no uso de seus seletores e regras para evitar efeitos colaterais.
Há uma discussão que vive na internet sobre se é o mais correto é usar ou não IDs para seletores CSS, normalmente citando performance e semântica, mas do ponto de vista prático isso faz pouca diferença.
Conhecendo bem o efeito cascata, o box-model e como o CSS calcula especifidade para definir aplicação de regra você pode programar da forma que acreditar ser melhor para o projeto que tem em mãos.
Um exemplo são as unidades de medida, você sabia por exemplo que você pode usar a unidade vwpara definir tamanho de fontes? Muitas pessoas se limitam a definir apenas width com ela.
Muito obrigado pelos esclarecimentos Rafael! Depois percebi também que se fosse para usar uma classe específica para a tag li faria assim: li.icones-sociais. Valeu mais uma vez pela contribuição.