CSS第n个chid选择器，不带隐藏的Child节点

tr.whois:n个孩子（偶数）{
背景色：黑色；
}
.隐藏{
显示：无；
}

第1行
第2排
第3排
第4排
第5行

您可以执行以下操作：

由于您也有

隐藏

元素，因此这是您必须对

奇数

和

偶数

使用

~

（否定）的地方 代码是相当直接的理解让我知道如果你需要解释

。谁{
背景：绿色；
颜色：白色；
}
.谁是第n个孩子（偶数）{
背景：黑色；
颜色：白色；
}
.谁，藏起来{
显示：无；
}
.whois.hide~.whois:n个孩子（单数）{
背景：黑色；
颜色：白色；
}
.whois.hide~.whois:n个孩子（偶数）{
背景：绿色；
颜色：白色；
}

第1行
第2排
第3排
第4排
第5行
你所接受的答案在所有的情况下都不起作用：这是行不通的：它只适用于一些特殊的案例，我没有考虑过。考虑到OP数据，我能够修复它！你有任何输入吗？这是不可能的，只有CSS，JS是必需的