Css 更改配电盘元件的primefaces标头样式

如何设置p:panel组件的标题样式？我想设置面板标题div的高度

<p:panel id="panel" 
    toggleSpeed="500" toggleable="true">
    <f:facet name="header" >
        <p:outputPanel style="float:left;">
            <p:commandButton process="@this" id="new"
                oncomplete="dialog.show();" icon="ui-icon-plus" />
            <p:spacer width="15px;" />
        </p:outputPanel>
            <h:outputLabel value="Title" />
    </f:facet>
</p:panel>

---

您通常使用CSS进行样式设置。使用

.ui面板.ui面板标题栏

选择器。您可以在webbrowser developer工具集中找到CSS选择器及其所有属性。在Chrome、IE9和Firebug中，右键单击标题栏并选择Inspect Element或按F12键

下面是一个在Chrome中的外观示例：

首先，您可以将

填充设置为
0

.ui-panel .ui-panel-titlebar {
    padding: 0;
}

将它放入一个
.css
文件中，您可以通过
在
内部加载该文件，以便在默认css之后加载它

另见：


将
p:panel
封装在
中

然后您可以使用ID选择器（如其他回复中所述），因为ID不会更改。
谢谢您的回复。但就我而言，情况就不同了。此面板位于复合构件中。我不想改变所有的标题。如果我这样做，你说；所有标题都将被更改。我只想更改复合组件中的样式，然后使用更具体的CSS选择器？例如，ID选择器。可以肯定的是，你以前从未使用过CSS吗？在开始使用JSF之前，你真的没有学习过基本的HTML/CSS/JS吗？然后我可以更好地计算出你期望的答案……当然我以前用过css。但问题是身份是可以改变的。我知道我应该使用id选择器，但div的id类似于form\u id:composite\u componenet\u id:panel\u id\u header。所以复合组件id可以不同。我想知道你是否真正理解了这个问题。你也可以给它一个特定的样式类，然后你可以把它添加到CSS选择器中。
.ui-panel-titlebar {
 //Your style-sheet code
}