Какие трудности встречал при поддержке кода на CSS

Основные сложности в поддержке CSS:

1. Специфичность селекторов - переопределение стилей из-за слишком высоких уровней специфичности. Решение - методологии (БЭМ) или CSS-in-JS.

2. Глобальная область видимости - стили "протекают" между компонентами. Помогают CSS-модули или scoped стили.

3. Каскадность - неожиданное наследование свойств. Лучше избегать !important и использовать изолированные компоненты.

Пример проблемы:

/* Плохо - высокая специфичность */
div#header .nav li.active a { color: red; }

/* Лучше - низкая специфичность */
.nav__link--active { color: red; }

4. Респонсив дизайн - сложности с поддержкой множества брейкпоинтов. Решение - mobile-first подход и CSS-переменные.

5. Устаревшие префиксы - необходимость поддержки старых браузеров. Автопрефиксер решает эту проблему.