Primefaces组件CSS自定义

Question

正如我在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;
         }

我有2个问题:

1. 为什么.ui-widget在上面的代码中写了三次？

2. 对于tabView我想要以不同方式自定义其标题背景颜色的两个不同实例,但我找不到这样做的方法.这甚至可能吗？

Answer 1

在样式声明中，它们以逗号分隔不同类覆盖的列表。具体来说，这段 css 指出：

类ui-widget以及ui-widget具有 class 的元素的子元素ui-widget。

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

如果您想使用自己的样式表自定义 Primefaces 组件的默认主题，那么您最好使用 Firebug 等工具进行检查，https: //addons.mozilla.org/en-US/firefox/addon/firebug/类、样式并在 Firefox 当前查看的任何网页上实时修改它们。它甚至内置了 Javascript 调试功能。