Primefaces组件CSS定制

正如我在primefaces文档中看到的

    1) To change the font-size of PrimeFaces components globally, use the `.ui-widget` style class. 
       An example with 12px font size.

        .ui-widget,
        .ui-widget .ui-widget {
               font-size: 12px !important;
         }

关于这一点，我有两个问题：

为什么在上面的代码中要三次编写

.ui小部件

对于

tabView

的两个不同实例，我想以不同的方式自定义其标题背景颜色，但我找不到方法。这可能吗

---

在样式声明中，它们用逗号分隔不同类重写的列表。具体而言，此css声明：

类

ui小部件

和

ui小部件

具有类

ui小部件

的元素的子元素

就页眉背景而言，您可能不会幸运地使用简单的CSS来修改背景颜色，因为我相信它可能会使用各种不同的1px宽GIF或JPG图像来重复，而不是使用连续声明的纯色

如果您想使用自己的样式表自定义Primefaces组件的默认主题，那么最好使用Firebug之类的工具，在Firefox当前查看的任何网页上实时检查类、样式并修改它们。它甚至内置了Javascript调试

对于tabView的两个不同实例，我想以不同的方式自定义其标题背景颜色，但我找不到一种方法。这可能吗

与所有其他PrimeFaces组件一样，tabView组件具有属性

styleClass

。因此，您可以将自己的CSS样式类指定给tabView实例（或其他组件的任何实例）

因此，可以创建两个具有不同背景颜色的样式类

xhtml：

<p:tabView styleClass="myClass">
   ...
</p:tabView>

---

您可能需要一个更具体的选择器，请阅读关于

的内容，可能有点主观，但除非您希望在预先存在/预先滚动的Primefaces主题中定制现有的Jquery UI ID，否则您就有点不知所措了。例如，PanelGroups、PanelGrids和TabView的容器破裂，甚至没有溢出：auto可以修复它

Primefaces库中最令人恼火的事情之一是组件如何无法通过W3C验证，从而导致数小时的“与框架抗争”

.myClass {
   background-color: yellow;
}