表格行边框不可见答案

【问题标题】：Table-row border is invisible表格行边框不可见
【发布时间】：2012-11-04 00:01:04
【问题描述】：

我正在使用带边框的表格类来设置表格样式。

但是，对于某些行，我需要更改表格单元格的左边框，同时保留整个表格周围的边框外观。

为此，我尝试重新设置表格单元格左边框的样式并为表格行添加左边框。

我可以删除表格单元格的左边框，但是新的表格行左边框是不可见的。

.table tr.topic_row {
    border-left: 3px solid red;
}

.table td.topic_title {
    border-left: none;
}

可以看到表格行边框似乎不可见：http://i.stack.imgur.com/M5lsO.png

任何关于如何让表格行边框可见的建议将不胜感激:)

编辑澄清：

这里的问题是，为什么表格行边框不显示。即使它应该在那里，但它不在。

【问题讨论】：

【解决方案1】：

试试这个：

.table tr.topic_row td {
    border-left: 3px solid red;
}

.table td.topic_title {
    border-left: none;
}

【讨论】：

【解决方案2】：

尝试将边框颜色应用于行中的第一个表格单元格而不是表格行本身：

.topic_row td:first-child {
    border-left: 3px solid red;
}

【讨论】：

但我需要表格单元格有另一个边框。一共2个边框。所以我需要对两者都应用边框。抱歉，如果我在删除表格单元格边框时不清楚，我实际上也想为其添加更大的边框，但我删除它只是为了证明我对表格行的问题。