css - 表格行边框不可见

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

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

编辑澄清：

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

score 1 · Accepted Answer

尝试这个：

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

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

score 0 · Accepted Answer

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

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

2 回答 2