css - 保留表格边框覆盖以前的样式

Question

我在 CSS 方面经验不足，有人可以告诉我如何覆盖样式以使名为“现有价格区间”的单元格保留其左边框吗？同样，下面的一个也会做同样的事情，拆分内容。但是标题的其余部分应该像现在一样没有它们。

这是 fiddle :http://jsfiddle.net/kacpr/YkL5j/2/

这是我想在“单元格”级别覆盖的部分:

.table > thead > tr > th, .table > thead > tr > td {
    border: 0;
}

Answer 1

这似乎不是使用 CSS 选择器的正确方法，但这里有一个可能的解决方案(单元格没有类，因此我们使用“:nth-child()”作为示例:

.table > thead > tr > td:nth-child(4) {
    border-left: 1px solid #ff0000;
}

http://jsfiddle.net/YkL5j/3/

如果您需要向后浏览器兼容性，那么您可能需要为选定的单元格分配一个类:.existingPriceBreaks {}

使用 CSS 选择器的更好方法可能是:

.table tr td:nth-child(4) {}
.table tr td.existingPriceBreaks {}

...除非您出于某种原因计划使用嵌套表...