Для чего нужны модульные стили в CSS

Модульные стили (CSS Modules) позволяют изолировать стили компонентов, избегая конфликтов имен классов. Каждый класс автоматически генерируется с уникальным хэшем, что делает его локальным для конкретного компонента. Пример с React: ```jsx import styles from './Button.module.css'; function Button() { return Click me; } ``` Преимущества: - Изоляция стилей (никаких глобальных переопределений) - Четкая связь стилей с компонентами - Простота поддержки (не нужно придумывать сложные BEM-имена) - Поддержка в сборщиках (Webpack, Vite) без дополнительных зависимостей Работает через PostCSS или другие препроцессоры, которые преобразуют имена классов во время сборки.