Где работал с Shadow DOM

Shadow DOM используется для инкапсуляции стилей и структуры компонентов, чтобы они не конфликтовали с остальной частью документа. Чаще всего с ним работают в веб-компонентах (Custom Elements) или фреймворках, таких как Angular, React (через `attachShadow`), или Lit. Пример создания Shadow DOM: ```javascript const element = document.createElement('div'); const shadowRoot = element.attachShadow({ mode: 'open' }); shadowRoot.innerHTML = `

Этот текст красный и изолирован

`; document.body.appendChild(element); ``` **Кейсы использования:** - Кастомные элементы с изолированными стилями. - Виджеты, которые должны работать независимо от основного CSS. - Библиотеки компонентов (например, Material Web Components).