Приведи пример изоляции стиля с помощью специфичности

В CSS можно изолировать стили, увеличивая их специфичность. Например, используя атрибут `id` или вложенность: ```css /* Низкая специфичность */ .button { color: blue; } /* Высокая специфичность */ #header .nav .button { color: red; } ``` В этом случае стиль кнопки внутри `#header .nav` переопределит общий стиль `.button`. **Современный подход** — модульные CSS (например, CSS Modules или scoped-стили в Vue/Svelte), где имена классов автоматически уникализируются: ```css /* Button.module.css */ .button { color: green; } ``` ```jsx import styles from './Button.module.css'; Click ``` Так стили изолированы без ручного управления специфичностью.