我们在JBoss Fuse / Karaf服务器上部署了许多Hawtio插件（作为.war文件）。我们注意到，由于我们为HTML元素重复了一些类和ID名称，因此插件A的CSS行为会影响另一个插件B的样式，尤其是当我们引用特定col-lg-12于Bootstrap的名称时，等等。此外，即使插件A中没有打包的bootstrap.css文件，我们也可以使用类似引导程序的行为，该行为似乎是从插件B的bootstrap.css文件引用的。我们意识到ids和classes成为全局变量到整个Hawtio环境（我们不知道是否仅在CSS中会发生这种情况）。有关如何解决此问题的任何提示？
谢谢。
目前情况确实如此，CSS选择器适用于页面中的所有元素，无论它们如何到达那里。
最终可以解决此问题的一个不错的解决方案是使用Web组件，在具有适当支持的浏览器中（目前是Chrome和Opera），您可以在Web组件中获得CSS隔离，您可以在其中为Web组件中的元素定义CSS，而不会泄漏出去并影响其他要素。而且，要为页面中的Web组件设置样式，您必须使用特殊的选择器，因此Web组件不受全局CSS规则的影响。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句