Правильное название классов в CSS

Для каждого языка есть свои правила оформления кода по умолчанию, наиболее употребимые. В разных языках они могут быть разные.

Например для C# функции принято именовать в UpperCamelCase (PascalCase другое название) MyFunctionMakeThis.
В JavaScript lowerCamelCase myFunctionMakeThis

Я не говорю что этим правилам необходимо следовать, это решение принимает каждый сам (и каждая команда).

В случае CSS наиболее употребимым стандартом является kebab-case

Пример .my-item-selector.

В чём плюс использование стандартных правил оформления кода:

• Более простое понимание кода программистами (например новыми в компании, или вообще внешних к проекту).
• Единый стиль для разных компонент и программ.

Вообще правильное наименование это через БЭМ. Об этом можно почитать вот здесь

Это очень удобно, если вы используете препроцессоры (а в дальнейшем вы будете их использовать), также для элементов, которые обрабатываются какими либо скриптами задают различные префиксы Например: class="header__logo js-logo-click" Рекомендую ознакомиться с данной методологией.

Есть смысл, если использовать методологию БЭМ! Для разделения слов в именах используется дефис (-). Элемент отделяется от блока двумя подчеркиваниями (__). Модификатор — одним (_). Более подробно можно ознакомиться тут