我正在构建一个小部件。该小部件将部署在其他网站中。我需要确保小部件的样式在所有网站上都是一致的。部署时，它将如下所示
<div id="myWidget>Some content and child divs, etc.</div>
我了解要删除主机网站设置的所有样式，css是
#myWidget * { all: initial; }
当您从准系统开始并且需要为每个元素应用样式时，这不是一个理想的解决方案。我的问题是，如果我想使用css框架，例如https://getbootstrap.com或https://purecss.io如何将其设置为上下文并仅应用于#myWidget div中包含的元素 - 即不影响窗口小部件外部的元素？
https://yuilibrary.com/yui/docs/cssnormalize/过去常常这样做，但遗憾的是不再受支持（截至2014年），我发现某些项目需要手动重置，例如箱阴影。