nth-child不会像预测的那样影响边界

Question

在设计表格时，我遇到了一个问题，即使用nth-child选择器，我似乎无法将TD设置为border：none。其他边框样式可以像预期的那样工作，但是border：none将显示继承的边框，无论我做什么。

JSfiddle在这里：http://jsfiddle.net/7NUtK/1/

Answer 1

也许这就是你想要的： http://jsfiddle.net/thNJb/

我改变了几个选择器。在我看来，你试图让每个时间列都有一个灰色和白色的部分（子列）。

我可以想到为什么选择器.schedule col:nth-child(even)似乎没有任何影响的两个可能原因是：  1. border-left应用于td，而不是col，因此要将其设置为none，您可能需要再次使用td进行选择。  这两条规则似乎都具有相同的特殊性。将覆盖选择器设置为比它们覆盖的选择器更具体的通常是好的。

但是，不是将border-left应用于所有td，然后尝试在某些cols上将border-left设置为none，您应该将border-left应用于您实际想要提供的tds。 （这就是我在我的分支jsfiddle中所做的。）

Answer 2

不确定我的问题是否正确，但

怎么办？

.schedule td:nth-child(even){
    border-left: none;
}

？您不会通过将一些设置为cols来覆盖td样式。