Css 如何从p:panel内容中删除填充

我有一个id为

X

的

，我想从其内容

X\u内容中删除填充内容
生成的面板内容HTML为：

并且元素出现在chrome developer tools中以具有填充：

padding:0.5em 1em;

我制作了一个嵌入式样式表来覆盖primefaces中的样式表，如下所示：

<h:head>
  <style>
       .ui-panel-content, .ui-widget-content{
           padding:0px;
       }
  </style>
</h:head>


.ui面板内容，.ui小部件内容{
填充：0px；
}

但是我没有工作，填充仍然存在，有人能帮我吗？
你的CSS选择器

.ui-panel-content, .ui-widget-content {
    ...
}

.ui-panel .ui-panel-content {
    ...
}

基本意思是：“选择具有
ui面板内容
或
ui小部件内容
类的所有元素”

但是，填充由该CSS选择器在PrimeFaces默认CSS中定义

.ui-panel-content, .ui-widget-content {
    ...
}

.ui-panel .ui-panel-content {
    ...
}


这基本上意味着“选择具有
ui面板内容的所有元素
class，它是具有
ui面板
class的元素的子元素”，这是一个更强的选择器。因此，它的优先级高于CSS选择器。这与样式类的声明顺序无关（仅当选择器的强度相等时，声明顺序才起作用）

重写PrimeFaces默认CSS时，应提供至少具有相同强度或更强强度的选择器。在特定情况下，如果要全局应用样式，只需使用完全相同的选择器即可：

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

请注意，在
中使用
时，它仍然会被PrimeFaces默认CSS覆盖，因为它会自动包含在头的末尾。而是将
移动到
，或者，更好的是，将它放在自己的CSS文件中，您可以通过
将其包含在
中

另见：



可能您的选择器不够强，无法覆盖..我按如下方式应用了样式表，但填充仍然存在：.ui-panel.ui-panel-content{padding:0；}然后在PrimeFaces默认样式之前声明了您的样式。请查看第一个“请参阅”链接以获取答案。问题是我的页面没有一个合成页，关于这些内容，请将其放置在何处？只需创建一个扩展主模板的新模板并使用它即可。另外一个优点是，您不需要在所有模板客户机上重复
！把它放在桌子后面怎么样？然后把它放在后面？