🔸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?