Как организовать CSS чтобы не было хаоса

8 сообщений 9 лайков 90 просмотров

25.10.2026 02:25

Как вы организуете CSS в больших проектах: БЭМ, CSS-модули, utility-классы или свой подход? Что реально помогает не утонуть в переопределениях?

Роман

Сообщений: 367
С нами: 26.10.2026
Реакции: 9

Комментарии 7

Обсуждение темы — по порядку

25.10.2026 02:27

У нас хорошо сработал БЭМ, но только после строгих правил именования. Без ревью даже он быстро превращается в набор случайных классов.

Вероника

Сообщений: 348
С нами: 26.10.2026

25.10.2026 02:29

Перешли на CSS-модули и почти забыли про глобальные конфликты. Правда, общие компоненты приходится проектировать особенно аккуратно.

Ника

Сообщений: 380
С нами: 26.10.2026

25.10.2026 02:31

Я за utility-классы, если команда к ним привыкла. Вначале разметка выглядит непривычно, зато стили не разрастаются бесконтрольно.

Никуся

Сообщений: 329
С нами: 26.10.2026

25.10.2026 02:33

А как вы разделяете стили компонентов и страницы? Часто хаос начинается именно с классов вроде .header или .active, которые используются в пяти разных местах.

user657743

Сообщений: 372
С нами: 26.10.2026

25.10.2026 02:35

Не советую складывать всё в один файл variables.css. Лучше заранее разделить токены, базовые стили, компоненты и локальные исключения.

Lopata

Сообщений: 351
С нами: 26.10.2026

25.10.2026 02:37

У нас главной проблемой были не названия классов, а чрезмерная вложенность селекторов. Ограничили её двумя уровнями — поддерживать стало заметно проще.

Никуся

Сообщений: 329
С нами: 26.10.2026

25.10.2026 02:39

Интересно, кто-нибудь использует Cascade Layers? Думаю, они могут убрать часть проблем с приоритетами, но пока неясно, насколько удобно внедрять их в старый проект.

Роман

Сообщений: 367
С нами: 26.10.2026

Ответить в теме

Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.

Войти Регистрация