单独的Primefaces css和其他css样式

Question

当我在我自己的模板（主要是引导程序）网站中使用primefaces组件时，它们会覆盖彼此的css属性。

• 我可以使用重新排序资源，但这并不能完全解决问题，因为eider方式在primefaces css和template css之间的某些css属性将被覆盖。
• 我可以创建自己的primefaces css或更改当前的general 模板，但这会花费我几个月的时间。

那么，我怎样才能将 primefaces css 与网站的通用模板css 完全分开，以便无法覆盖primefaces css属性或者无法覆盖其他css＆＃39 ; s属性？一些系统会使它们只使用自己想要的css属性（或文件）。

Answer 1

CSS的完整概念是C = Cascading。

您的请求是从等式中删除级联。

PrimeFaces CSS不应与PrimeFaces的任何其他CSS规则发生冲突，CSS适用于组件。

你更有可能希望bootstrap采用“Master”CSS指南，在这种情况下你应该使用facet进行排序，PrimeFaces包含first facet中的资源：

<f:facet name="middle">
    <!-- bootstrap goes here -->
</f:facet>

从我个人的经验来看，将PrimeFaces规则改为引导规则并没有花费数月的时间！

或者你应该采取没有主题的PrimeFaces的艰难方式

<context-param>
   <param-name>primefaces.THEME</param-name>
   <param-value>none</param-value>
</context-param>

这种方法需要花费太多时间来确定组件所需的基本CSS，我宁愿使用默认主题并覆盖这些规则。