使用具有隐藏元素的伪选择器

Question

我正在尝试维护奇数/偶数列表项样式，当某些列表项被过滤器隐藏时（使用hidden属性）。

我以为我可以这样做：

li:not([hidden]):nth-of-type(odd) {
    background: yellow;
}
li:not([hidden]):nth-of-type(even) {
    background: green;
}

但是当我隐藏列表项目＃2时，列表项目＃3保持“奇怪”。我认为它会变得均匀，因为它现在是没有'隐藏属性的第二个列表项：

<ul>
    <li>Item 1</li> // yellow
    <li hidden>Item 2</li>
    <li>Item 3</li> // yellow but should be green?
    ..
</ul>

pseudo selectors/not:()是否可以执行上述操作？或hidden只是没有观察到odd/even？

由于

尼尔