Что такое Scope стили

Scope стили — это способ ограничить область действия CSS-селекторов только текущим компонентом, предотвращая их влияние на другие элементы приложения. Это особенно полезно в компонентных подходах (например, Vue, Angular, Svelte). **Как работает:** - Уникальные атрибуты (например, `data-v-123`) добавляются к элементам компонента и соответствующим CSS-правилам. - Стили не "протекают" наружу и не переопределяются глобальными стилями. **Пример (Vue SFC):** ```html ``` **Особенности:** - Вложенные компоненты не наследуют scope-стили родителя (если не используются `>>>` или `/deep/`, но это deprecated). - Увеличивает специфичность селекторов, что может усложнить переопределение.