Обсуждение соглашения об именах css (jqueryui)

Я работаю над проектом, который включает в себя огромное количество клиентского кода. Мы обсуждали соглашения об именах для классов css и идентификаторов элементов, и я был удивлен, что в Интернете нет материалов об этом.

Я заметил, что jquery ui использует соглашение, в котором имена стилей сглаживаются (например, ui-widgetname-classname- [subclassname]), в отличие от именования этих классов на основе их иерархии (.ui .widget .classname). Я думаю, это делает его менее зависимым от структуры DOM, но создает очень длинные имена.

На основании вашего опыта, у вас есть руководство по именованию стилей CSS? какие правила и действия следует избегать?

Надеюсь услышать от вас