Css 避免JSF中嵌套panelGrids/dataTables中的双边框

我正在开发一个web应用程序，并大量使用嵌套表来实现所需的布局。不幸的是，我无法避免在嵌套的表格单元格上绘制边框。我尝试过使用CSS和边框折叠：折叠；但这不起作用。我不擅长CSS，但以下是我的一个示例：

表{边框折叠：折叠；宽度：75%；}
table.innerTable{宽度：100%；边框折叠：折叠；}
td{边框：1px纯黑色；边框折叠：折叠；}
th{背景色：#6699FF；颜色：黑色；}
td{背景色：#d1d1ff；颜色：#101030；文本对齐：居中；}
.capAttribute{font-weight:bold；}

有没有办法在不去除外部边框的情况下去除内部panelGrid单元格周围的边框？

添加

table table td { border: 0; }

到你的CSS

您甚至可以通过为内部表提供一个CSS类使其更加具体

<h:panelGrid styleClass="innertable">

table.innertable td { border: 0; }