表行边框是不可见的

Question

我正在使用有边界的表类来设置表格样式.

但是,对于某些行,我需要更改表格单元格的左边框,但仍保留整个表格边框的外观.

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

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

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

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

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

然而它应该在那里:http://i.stack.imgur.com/crMQA.png

关于如何让表格边框可见的任何建议将非常感谢:)

---

编辑以澄清:

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

Answer 1

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

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