css表格nth左对齐,css – 使用nth-child的样式来保持表格的方面(交替的行颜色)更新...

我有一个像这样的CSS表：

(这是我系统的可靠简化)

abc

def

ghi

jkl

我有一个像这样的CSS：

div.table div.row:not(.hide):nth-child(2n){

background-color: #D7D4DA;

}

div.table div.row:not(.hide):nth-child(2n+1){

background-color: #E4E8EB;

}

.hide{

display:none;

}

目的是：

当隐藏线条时(使用类隐藏),表格的样式应保持不变(每条线条在两个可用的颜色之间具有不同的颜色).相反,它被打破了.

根据firefox的firebug,：nth-​​child应用于：not,not,not after(如我所愿).怎么解决这个问题？

注意：改变HTML是不行的.这是使用javascript动态制作的东西.

我的目的是不计算第n个孩子隐藏的线条,以便即使线条不可见也能保持样式