结合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)

对于选择器.

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

看到更新的小提琴.

这不是一个理想的解决方案; 你不再对openingTimes班级有任何控制权,但我想不出你在哪里做任何解决方案.抱歉!