Как работает Shadow DOM?
- Инкапсулированный DOM внутри элемента, изолированный от основного документа
- Стили и скрипты внутри Shadow DOM не влияют на внешний документ
- Создается через
element.attachShadow({mode: 'open'}) - Решает проблему изоляции стилей в компонентах
- Используется в Web Components для инкапсуляции