表格行边框不可见。

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 请问有什么建议可以让表格行的边框变得可见吗？谢谢 :)

编辑说明：

问题在于，为什么表格行的边框没有显示出来。尽管它应该在那里，但它并没有出现。

- Haz_ah

Answer 1

试试这个：

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

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

- Jakub Hnízdil

Answer 2

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

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

- Mark Eagleton

---

但是我需要表格单元格有另一个边框，总共2个边框。所以我需要同时应用边框。抱歉，如果我在删除表格单元格边框时没有表达清楚，实际上我想要添加一个更大的边框，但我只是为了演示我的表格行问题而将其删除。 - Haz_ah