表行边框是不可见的

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

试试这个：

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

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

Answer 2

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

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