更改面板的标题样式

Question

我有面板，想要只更改其中一个的标题背景颜色。因此，我无法改变ui-panel-titlebar样式。

我尝试了以下但没有成功。

<p:panel ....>
  <f:facet name="header" styleClass="ui-panel-my-titlebar>
    ....
  </f:facet>
</p:panel>

如果我将styleClass放在p：panel标签中，那么内容的背景也会改变。

我的styleClass：

.ui-panel-my-titlebar {
  background: #BBBBBB;
 }

Answer 1

我得到了以下内容：

<p:panel styleClass="customTitleBar">
  <f:facet name="header">
    ....
  </f:facet>
</p:panel>

的CSS：

.customTitleBar > .ui-panel-titlebar {
    background: #BBBBBB;
    }