结合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课程有任何控制权，但我想不出你在哪里做任何解决方案。遗憾！