HTML: уровень 5
Вопрос 1 из 20
Как Shadow DOM обеспечивает инкапсуляцию стилей и почему это важно для переиспользуемых компонентов?
Ответ
Стили, объявленные внутри shadow root, не влияют на остальной документ и наоборот — внешние селекторы не пробивают границу shadow DOM (за исключением наследуемых свойств и CSS custom properties). Это позволяет безопасно встраивать компонент в любой проект, не боясь конфликтов классов.
