shadow DOM
a mechanism to encapsulate our web components. The markup and styles inside web components protect it from external DOM manipulation.
browser โฉ web components โฉ implement โฉ shadow DOM
regular DOM children of a shadow host are referred to as the โlight DOMโ.
style from the document does not affect the shadow tree, but CSS inheritance does.
show shadow DOM for built-in elements in browser, ๐ see: show built-in shadow DOM
Last updated
Was this helpful?