【文件属性】：
文件名称：css-in-the-shadow-dom:Shadow DOM中CSS
文件大小：1.13MB
文件格式：ZIP
更新时间：2021-05-05 16:09:33
CSS
Undertow（Con）DOM
tl; dr;
Shadow Dom是CSS避孕套，可防止不必要的泄漏。
问题
CSS遭受泄漏的折磨！
看看播放按钮，它应该是白色的！
修复1：CSS反模式
增加CSS特异性
使用!important
终极
CSS泄漏=多余的浸渍。
body.theme div#parent #child a{
color: #DAD;
position: sticky !important;
}
众所周知，到现在为止，特异性是CSS最麻烦的功能之一，并且在任何合理规模的项目中，这一领域很快都将变得难以管理。 最好避免特殊性，这就是为什么我们不在CSS中使用ID，并且除非绝对必要，否则我们不嵌套选择器。
修复2：iframe
<iframe src="widget.html">
#document
</iframe>
黑匣子，没有主题，什么都没有
【文件预览】：
css-in-the-shadow-dom-gh-pages
----custom-tag.html(2KB)
----widget.css(1KB)
----index.md(342B)
----widget2.js(695B)
----images()
--------controls-problem-inspector.png(74KB)
--------example-fixed.png(539KB)
--------example-leaked.png(539KB)
----widget.js(305B)
----widget3.js(910B)
----widget3.css(1KB)
----README.md(4KB)
----widget2.css(2KB)
----demo3.html(595B)
----themes.css(374B)
----demo2.html(598B)
----native-shadow.html(22B)
----demo.html(593B)