Какие знаешь способы избавиться от конфликтующих стилей

1. **CSS Modules** - автоматическая генерация уникальных имен классов ```jsx import styles from './Button.module.css'; Click ``` 2. **CSS-in-JS** (Styled-components, Emotion) - изоляция стилей в компонентах ```jsx const Button = styled.button`color: #fff;`; ``` 3. **BEM** - ручное именование по методологии ```css .block__element--modifier { ... } ``` 4. **Scoped CSS** - атрибут `scoped` в Vue или `:local()` в CSS Modules 5. **Shadow DOM** - полная изоляция стилей веб-компонентов 6. **Reset/Normalize CSS** - сброс дефолтных стилей браузера 7. **!important** (крайний случай) - приоритет стиля, но нарушает каскад 8. **Инлайновые стили** - через атрибут `style`, но теряется переиспользование Лучшие практики: использовать CSS Modules или CSS-in-JS для современных приложений, BEM для legacy-проектов.