HTML/CSS3表格行:前两行为白色,后两行为灰色,然后下两行为白色,依此类推?
可能重复:HTML/CSS3表格行:前两行为白色,后两行为灰色,然后下两行为白色,依此类推?,html,css,css-selectors,Html,Css,Css Selectors,可能重复: 我正在努力进入CSS3nth child选择器,但目前似乎无法让它正常工作 我想做的是将表中的前两行设置为白色,然后将下两行设置为灰色,然后再将下两行设置为白色,依此类推。我如何仅使用CSS来实现这一点 非常感谢 在做了一点手脚(字面意思)之后,我终于找到了一个答案: CSS: 演示: 这将从0和-1开始每隔4行选择一行,您可以使用n子项(4n-2)和n子项(4n-3)将这两行作为目标 演示:谢谢!事实上,看起来一点也不难。这让我明白了很多! tr:nth-child(4n+0),
我正在努力进入CSS3
nth child
选择器,但目前似乎无法让它正常工作
我想做的是将表中的前两行设置为白色,然后将下两行设置为灰色,然后再将下两行设置为白色,依此类推。我如何仅使用CSS来实现这一点
非常感谢 在做了一点手脚(字面意思)之后,我终于找到了一个答案: CSS: 演示: 这将从0和-1开始每隔4行选择一行,您可以使用
n子项(4n-2)
和n子项(4n-3)
将这两行作为目标
演示:谢谢!事实上,看起来一点也不难。这让我明白了很多!
tr:nth-child(4n+0), tr:nth-child(4n-1) {
background-color: grey;
}