Как работают Scope стили

Scope стили ограничивают область действия CSS правил только текущим компонентом, предотвращая утечку стилей наружу. Это достигается добавлением уникальных атрибутов к селекторам во время компиляции. Пример в Vue SFC: ```html ``` После компиляции превратится примерно в: ```css .button[data-v-f3f3eg9] { background: blue; } ``` Особенности: - Работает только в компонентных подходах (Vue, Svelte) - Не защищает от глобальных стилей - Вложенные компоненты не наследуют стили - Для доступа к дочерним элементам иногда используют `:deep()`