Olá Bruna, tudo bem?
Encontrei uma referência em uma das apostilas da Caelum disponíveis para consulta. Esta mostra qual é a forma de utilização mais comum em cada caso.
Este é o link que te leva direto à apostila:
Você vai encontrar esta parte em que eles explicam este detalhe em
Pág. 78 / Capitulo 19 - CONHECENDO PADRÕES DE CSS
Lá eles especificam desta forma:
" Kebab-case (Ex: classe-aluno) é o mais comum para HTML e CSS e camelCase (Ex: var alunoNovo) é mais comum em JavaScript (para variáveis e funções)".
Nesta Outra referência eles mostram as diferenças entre elas
Link: O que é snake_case, CamelCase, kebab-case
- snake_case_example
- CamelCaseExample
- kebab-case-example
Espero ter ajudado, Bruna
Até mais