Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML/CSS3表格行:前两行为白色,后两行为灰色,然后下两行为白色,依此类推?_Html_Css_Css Selectors - Fatal编程技术网

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;
}​