如何将JSF / PrimeFaces标记解析为默认的CSS样式?

时间:2014-12-08 23:25:52

标签: css jsf primefaces

我还在学习JSF,我很困惑,例如,为什么<p:panel>的默认样式在CSS样式表中声明为.ui-panel。如果面板来自ui命名空间(facelets),但是它位于pPrimeFaces)命名空间中,那么我可以建立一个模式,所以ui-panel实际上没有意义。 JSF(或者在本例中为PrimeFaces)如何将标签映射到CSS中的默认样式,即命名约定是什么?

1 个答案:

答案 0 :(得分:2)

Primefaces组件由jquery-ui提供支持。因此命名约定基于jquery ui组件的命名约定。具体来说,类名在主题的主题概念中发挥了重要作用,而这些概念又基于jquery ui的themeroller方法。这些类分为结构化和可主题化。 .ui-panel 是一个可分页的类名,归类为小部件容器类,惯例是

  

.ui-widget:要应用于所有小部件的外部容器的类。   将字体系列和字体大小应用于窗口小部件。也适用于同一家庭   和1em字体大小到子格式元素具体,打击   Windows浏览器中的继承问题。

因为小部件是一个面板,因此是 .ui-panel 。该公约的主要重点是提供应用主题的能力,以保持整个应用程序中组件的视觉一致性