css - nth-child 没有像预期的那样影响边界

Question

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

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

Answer 1

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

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

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

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

Answer 2

不知道我是否解决了你的问题，但是怎么样

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

? 您不会通过将 some 设置为 cols 来覆盖 td 样式。