以下<p:panelGrid>包含另一个<p:panelGrid>。
<p:panelGrid columns="2" styleClass="panelgrid-noborder">
<p:panelGrid columns="1">
<h:outputText value="1"/>
<h:outputText value="2"/>
</p:panelGrid>
<p:panelGrid columns="1">
<h:outputText value="1"/>
<h:outputText value="2"/>
</p:panelGrid>
</p:panelGrid>
举个例子，我只需要删除parent / outer（most）中的所有边框<p:panelGrid>。
以下CSS类，
.panelgrid-noborder.ui-panelgrid tr, .panelgrid-noborder.ui-panelgrid .ui-panelgrid-cell {
border: none;
}
从所有<p:panelGrid>s移除边框。
我也尝试过使用普通的CSS类，例如
.panelgrid-noborder {
border: none;
}
并将其提供给columnClasses属性-columnClasses="panelgrid-noborder"但它根本不会删除边框。
如何从父<p:panelGrid>类（例如CSS类）删除边框，仅应将<p:panelGrid>这些类应用于指定的类？这不应影响其他任何因素<p:panelGrid>。
选择器.panelgrid-noborder.ui-panelgrid tr基本上意味着“匹配具有类的每个 <tr>元素panelgrid-noborder ui-panelgrid”。
您只想匹配直接的孩子。为此，您需要使用更具体的选择器，特别是子组合器选择器E > F。
因此，应该这样做：
.panelgrid-noborder.ui-panelgrid > tbody > tr,
.panelgrid-noborder.ui-panelgrid > tbody > tr > td {
border: none;
}
请注意，当未指定或时，浏览器会隐式放置<tr>元素。您可以在浏览器的HTML DOM树检查器中看到它。<tbody><thead><tfoot>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句