css - 如何隔离 PrimeFaces Widget 不受主站点 CSS 的影响

Question

我有一个 (p:dataTable) Primefaces 小部件无法在包含主站点的模板中正确呈现，可能受到更高级别的全局 CSS 设置的影响，但这些设置是强制性的。

有没有办法将小部件与更广泛的 CSS 设置隔离开来。

我已经做了很明显的事情，就是将小部件包含在 IFrame 中，它可以工作，但会产生自己的一系列问题......

Answer 1

您的问题有两种解决方案：

1. 对全局 CSS 设置使用更窄的范围。您可能有冲突的类名，或者在页面上的其他元素和小部件之间共享。
2. 将小部件包裹在具有特定类/ID 的容器周围，然后覆盖/重置该容器中元素的样式。