Что такое ShadowDOM

ShadowDOM — это часть веб-компонентов, которая инкапсулирует стили и разметку внутри компонента, изолируя их от основного DOM. Это предотвращает конфликты стилей и скриптов с внешней частью страницы. Пример: ```html

Текст внутри ShadowDOM

``` Особенности: - `mode: 'open'` — позволяет получить доступ к ShadowDOM извне через `element.shadowRoot` - `mode: 'closed'` — полностью закрывает доступ - Стили внутри не влияют на внешние элементы и наоборот