Hawtio - 插件的CSS影响另一个插件的CSS

Question

我们在JBoss Fuse / Karaf服务器上部署了许多Hawtio插件（作为.war文件）。我们注意到，因为我们正在为HTML元素重复一些类和id名称，所以插件A的CSS行为会影响另一个插件，插件B的样式，特别是当我们引用像col-lg-12这样的Bootstrap特定名称时等等。此外，即使插件A没有打包的bootstrap.css文件，我们也可以使用类似引导程序的行为，这似乎是从插件B的bootstrap.css文件中引用的。我们意识到id s和class es在整个Hawtio环境中变得全局化（我们不知道它是否仅在CSS中发生这种情况）。关于如何解决这个问题的任何提示？

感谢。

Answer 1

目前情况确实如此，CSS选择器适用于页面中的所有元素，无论它们是如何实现的。

最终解决此问题的一个很好的解决方案是Web组件，在具有适当支持的浏览器（目前是Chrome和Opera）中，您可以在Web组件中获得CSS隔离，您可以在其中为Web组件中的元素定义CSS它不会泄漏并影响其他元素。要设置页面中的Web组件，您必须使用特殊选择器，因此Web组件不受全局CSS规则的影响。