В чем разница между глобальными и модульными стилями

Глобальные стили применяются ко всему документу и могут влиять на любые элементы, что может привести к неожиданным побочным эффектам. Модульные стили (например, CSS Modules, scoped стили) изолированы и применяются только к конкретному компоненту. **Пример глобальных стилей:** ```css /* styles.css */ .button { background: blue; } ``` **Пример модульных стилей (CSS Modules):** ```css /* Button.module.css */ .button { background: blue; } ``` ```jsx import styles from './Button.module.css'; Click ``` Модульные стили автоматически генерируют уникальные имена классов, предотвращая конфликты. Глобальные стили проще, но менее предсказуемы в больших проектах.