我正在尝试维护奇数/偶数列表项样式,当某些列表项被过滤器隐藏时(使用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
?
由于
尼尔