结合 CSS 伪类 nth-child 而不是 [重复]

Question

我有一张桌子，我想为每个备用行添加阴影，除了“openingTimes”类的行。

这个开场时间行不应该加阴影，但是这个行之后的模式应该继续，像这样，（加粗表示阴影！）：

[ 信息 1 ] [ 信息 2 ] [ 开放时间行 ] [ 信息 3 ] [ 信息 4 ] [ 信息 5 ] [ 信息 6 ]

我的 CSS 是：

table tr:not(.openingTimes):nth-child(even)
{
    background-color: #eeeeee;
}

但这会导致：

[ 信息 1 ] [ 信息 2 ] [ 营业时间行 ] [ 信息 3 ] [ 信息 4 ] [ 信息 5 ] [ 信息 6 ]

我希望 Info 3 被遮蔽，并且模式从那里继续。

我做错了什么？谢谢！

编辑：好的，这是一个小提琴：http://jsfiddle.net/QWjnm/

Answer 1

nth-child 语法不够复杂，无法满足您的需求。

但是，在您的示例中，您可以编写

tr:first-child, tr:nth-child(2n+4)

用于选择器。

这意味着使用第一个孩子，以及从第四个开始的每个偶数孩子。

见updated fiddle。

这不是一个理想的解决方案；您不再对 openingTimes 类有任何控制权，但是我想不出您可以使用的任何解决方案。对不起！