gpt4 book ai didi

css - 如何为特定 p :panelGrid? 设置 ui-panelgrid-cell 填充

转载 作者:行者123 更新时间:2023-11-28 08:33:50 28 4
gpt4 key购买 nike

这是我的页面结构:

<p:panelGrid>
<p:row>
<p:column>
<p:panelGrid id="innerPg_1">
</p:column>
<p:column>
<p:panelGrid id="innerPg_2">
</p:column>
</p:row>
</p:panelGrid>

我想覆盖 ui-panelgrid-cell 类的 padding 属性, id="innerPg_1 的 panelGrid ",通过制定我自己的 CSS 规则。我该怎么做?

尝试使用以下规则:

 #innerPg_1 .ui-panelgrid-cell {
padding: 1px 1px !important;
}

但它不起作用。这不应该是一个错误的规则吗?生成的html部分是:

<td role="gridcell" class="ui-panelgrid-cell">
<tabled id="formId:innerPg_1"class="ui-panelgrid ui-widget role="grid">

最佳答案

好吧,生成的 html 中组件的 ID 不是 innerPg_1,而是 formId:innerPg_1

因此,在您的 CSS 中,您应该使用以下规则:#formId\:innerPg_1 .ui-panelgrid-cell {...}。 (不要忘记斜杠!!)

我不确定你想达到什么目的,但首先,试着改变 background-color,只是为了检查规则是否被覆盖

此外,使用 styleClass 而不是 id 可能是更好的选择,因此您可以将它重用于另一个 panelGrid

关于css - 如何为特定 p :panelGrid? 设置 ui-panelgrid-cell 填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28159212/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com