Html 问题：从primefaces表中的一列中删除边框

现在我已经决定开始使用prime faces库，我开始意识到我在CSS方面有多么糟糕。我有一个3列的表，第三列我想用作可选的错误字段。我不希望此字段显示为表的一部分，即使在呈现错误时也是如此。然而，在网上搜索并找到一些解决方案后，我仍然无法覆盖边框样式。这是我的标记示例

它是“noCellBorder”列，我不希望有任何样式或边框：

月
数量

CSS

.noCellBorder > td {
  border: none !important;
}

编辑//

好吧，我想我已经学会了如何使用JSFiddle，但并不是完全不懂。我已经至少两年没有真正深入研究CSS了，所以请对我放轻松。以下是一个工作演示的链接：

---

[由OP删除]

您当前正在使用子代/子代选择器，但需要使用多个CSS选择器，因为您的目标是

td

元素，该元素具有类

。noCellBorder

td.noCellBorder{
  border: none !important;
}

还要尽量避免

！重要信息

并增加CSS的特殊性，因此您的代码应该是

td.ui-panelgrid-cell.noCellBorder {
  border: none;
}

修改代码：

.ui panelgrid.ui panelgrid单元格{
边框宽度：1px；
边框样式：实心；
边框颜色：继承；
填充：4px10px；
}
td.ui-panelgrid-cell.noCellBorder{
边界：无；
}

月
数量
1.一月

头和行的其他类也提供了边框，因此您必须像这样去掉它们（给您的panelGrid类

noBroder

这样的

）

---

但是is为其他单元格提供了黑色边框，不知道您是否喜欢。

使用静态/生成的HTML和CSS创建一个演示。我不明白您所说的演示是什么意思。我的意思是您需要使用SO代码片段或使用来向我们展示问题。我还不清楚如何做到这一点。这是使用PrimeFaces组件，这些组件呈现为HTML标记和工具箱定义的自定义样式。我尝试在JSFIDLE工具中输入我在这里提供的相同内容，但令人惊讶的是，它无法呈现。是的，这意味着您将需要在JSFIDLE中使用呈现的HTML。一定发生了其他事情，因为在我提供的示例中，这是有效的，但在我的工作代码库中是不够的。让我看看我是否可以添加更多的primefaces样式。我已经包含了标记中提到的每一种样式，但我仍然无法实现这一点。我已经准备好撕掉这些primefaces标签，只使用简单的JSF。这是非常令人沮丧的。谢谢你的帮助。我相信这只是我没有包含足够信息的一个例子，没有问题。希望您能尽快找到解决方案。修复了仅受类

影响的
。
.noCellBorder, table.noBorder thead tr.ui-widget-header, table.noBorder .ui-panelgrid-even, table.noBorder .ui-panelgrid-odd {
     border: none !important;
}