Какие знаешь способы изоляции в CSS

1. **CSS Modules** – стили локальны для компонента, имена классов генерируются уникальными. ```css /* Button.module.css */ .error { color: red; } ``` ```jsx import styles from './Button.module.css'; Click ``` 2. **Scoped Styles (Vue/Svelte)** – стили автоматически ограничены компонентом. ```vue ``` 3. **Shadow DOM** – полная изоляция стилей внутри веб-компонента. ```js const elem = document.createElement('div'); elem.attachShadow({ mode: 'open' }); elem.shadowRoot.innerHTML = `

Hello

`; ``` 4. **BEM/SUIT** – ручное неймингование классов для избежания конфликтов. ```css .block__element--modifier { ... } ``` 5. **CSS-in-JS (Styled-components, Emotion)** – стили инкапсулированы в JS. ```jsx const StyledDiv = styled.div`color: ${props => props.color};`; Text ```