CSS 重置是否像 normalize.css 传播到影子 dom?
Do CSS resets like normalize.css propagate to the shadow dom?
像 normalize.css propagate to the shadow dom? So for example if normalize.css is used in a Polymer application/project 一样进行 CSS 重置,整个 dom 和影子 dom 中的所有元素是否都会进行 normalize.css 重置已申请?
TIA,
奥莱
否(除非它们被默认继承)。
因为 Shadow DOM 将 CSS 样式与主文档的样式隔离开来,所以 normalize.css 中定义的任何内容都不会在您的 Shadow DOM 中考虑.
简短的回答是否定的。
您可以使用 all: initial;
重置组件内的所有样式。
"...父页面中的规则比 :host 具有更高的特异性,...这允许用户从外部覆盖您的顶级样式。"
因此,如果您在 :root
或 html
上设置样式,将会进入 shadowDOM
像 normalize.css propagate to the shadow dom? So for example if normalize.css is used in a Polymer application/project 一样进行 CSS 重置,整个 dom 和影子 dom 中的所有元素是否都会进行 normalize.css 重置已申请?
TIA, 奥莱
否(除非它们被默认继承)。
因为 Shadow DOM 将 CSS 样式与主文档的样式隔离开来,所以 normalize.css 中定义的任何内容都不会在您的 Shadow DOM 中考虑.
简短的回答是否定的。
您可以使用 all: initial;
重置组件内的所有样式。
"...父页面中的规则比 :host 具有更高的特异性,...这允许用户从外部覆盖您的顶级样式。"
因此,如果您在 :root
或 html
上设置样式,将会进入 shadowDOM