В каком случае нужно прописывать CSS class для элемента

Если элемент требует стилизации, которая повторяется или может повторяться в будущем, лучше использовать класс. Классы позволяют переиспользовать стили и делают код поддерживаемым.

Пример:

<!-- Хорошо: класс для переиспользуемых стилей -->
<button class="btn btn-primary">Click me</button>

<!-- Плохо: инлайн-стили для повторяющихся элементов -->
<button style="padding: 8px 16px; background: blue; color: white;">Click me</button>

Классы особенно полезны когда:

1. Стили применяются к нескольким элементам
2. Нужна модульность (БЭМ, CSS Modules)
3. Требуется состояние (active, disabled)
4. Используются медиа-запросы
5. Работа с JavaScript (добавление/удаление классов)

Для уникальных одноразовых стилей можно использовать id или инлайн-стили, но это считается антипаттерном в большинстве случаев.