奇数行和偶数行上的CSS样式不同

per*_*son 5 javascript css-tables

是否可以,仅使用CSS,为动态生成的表在奇数行和偶数行上设置不同的样式,而在迭代集合时,我不会在每行上设置正确的样式?

小智 10

我不确定这会跨浏览器工作,我更喜欢自己的jQuery,但是css-only这应该可以解决问题:

tr:nth-child(even) { ... }
tr:nth-child(odd) { ... }
Run Code Online (Sandbox Code Playgroud)