Bem, no artigo ( https://www.alura.com.br/artigos/nomes-de-classes-no-css mal é mencionado o nome das classe e para o que servem, assim como fora feito no artigo de html divido em partes, tem algum artigo semalhante ao de html mas falando sobre o CSS ?
Oi Daniel, tudo bem?
Sinto muito por esse artigo não ter atendido às suas necessidades para entender como as classes são nomeadas.
Ao dar o nome para uma classe devemos usar palavras que façam sentido com o contexto onde ela está sendo aplicada. Por exemplo: ao criar um cabeçalho que irá conter uma imagem e alguns links para navegar pelas páginas do meu site eu tenho o seguinte código:
<body>
<header class="cabecalho">
<img src="imagem.png" alt="Logotipo da empresa" class="cabecalho-imagem">
<nav class="cabecalho-navegacao">
<a href="#" class="cabecalho-navegacao-links">Home</a>
<a href="#" class="cabecalho-navegacao-links">Produtos</a>
<a href="#" class="cabecalho-navegacao-links">Contatos</a>
</nav>
</header>
</body>Perceba que ao definir o nome das classes usei palavras e frases que fazem sentido e que ao ler no arquivo CSS seriam fáceis de identificar e localizar. Dessa forma seria mais simples saber onde estão sendo feitas as estilizações no meu arquivo HTML.
Contudo há alguns padrões que podemos utilizar para construir a arquitetura do arquivo CSS. Deixo abaixo alguns artigos que podem te ajudar a entender melhor sobre as nomenclaturas e como estruturar melhor o código CSS:
Espero ter ajudado. Caso tenha dúvidas, estarei à disposição!
Abraços!