如何隔离PrimeFaces Widget免受主站点CSS的影响

Question

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

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

我已经完成了明显的事情，即在IFrame中包含小部件，这有效，但会产生一系列问题......

Answer 1

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

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