CSS reset in Shadow DOM

📘 手冊

• Google ⟩ Web Components ⟩ Resetting inheritable styles

📗 參考

👉 相關

• CSS reset

• border-box fix

Inheritable styles (background, color, font, line-height, etc.) continue to inherit in shadow DOM. That is, they pierce the shadow DOM boundary by default. If you want to start with a fresh slate, use all: initial; to reset inheritable styles to their initial value when they cross the shadow boundary.