Convenções de Nomenclatura em CSS são extremamente úteis para fazer seu código mais estrito, mais transparente e mais informativo.
Uma boa convenção de nomenclatura dirá a você e sua equipe:
- que tipo de coisa uma classe faz;
- onde uma classe pode ser usada;
- que (mais) uma classe pode estar relacionada com outra;
A convenção de nomenclatura que sigo é muito simples: hífen (-) delimita strings, com BEM-like nomeando para o pedaço de código mais complexo.
É pior não ter nada que uma convenção de nomenclatura que não é normalmente útil no desenvolvimento de CSS-side (lado do CSS); Eles realmente mostram sua verdadeira utilidade quando visto no HTML.