css - 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;
         }

我有两个问题:

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

2. 对于 tabView 的两个不同实例，我想以不同方式自定义其标题背景颜色，但我找不到实现该操作的方法。这可能吗？

Answer 1

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

类 ui-widget 和 ui-widget 具有类 ui-widget 的元素的子元素。

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

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