Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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
Css 每5个孩子与第n个孩子_Css_Css Selectors - Fatal编程技术网

Css 每5个孩子与第n个孩子

Css 每5个孩子与第n个孩子,css,css-selectors,Css,Css Selectors,我需要对每5个li应用一个样式,包括第一个li 我试过: nth-child(1n+5) 但这并不适用于第一个孩子。我哪里出错了?你可以用n个孩子(5n+5)选择每5个元素,然后用li:n个孩子(1)或li:first child li:n个孩子(5n+5),li:n个孩子(1){ 背景:蓝色; } 相反;您正在寻找第n个孩子(5n+1) 第一个数字是乘数(在这种情况下,每5个项目一次),第二个数字是偏移量。偏移量为1,因为您希望从第一项开始-如果您不使用它,它将从第0项开始,然后在第5

我需要对每5个li应用一个样式,包括第一个li

我试过:

nth-child(1n+5)

但这并不适用于第一个孩子。我哪里出错了?

你可以用
n个孩子(5n+5)
选择每5个元素,然后用
li:n个孩子(1)
li:first child

li:n个孩子(5n+5),li:n个孩子(1){
背景:蓝色;
}


  • 相反;您正在寻找第n个孩子(5n+1)


    第一个数字是乘数(在这种情况下,每5个项目一次),第二个数字是偏移量。偏移量为1,因为您希望从第一项开始-如果您不使用它,它将从第0项开始,然后在第5项显示。

    与Nenad发布的内容不同。但是,本质上,您不能将您想要做的事情与单个
    n
    声明结合起来。如果你发现自己经常与这类事情斗争,并可能会帮助你:)

    ul{
    列表样式类型:十进制
    }
    李:第一个孩子,李:第n个孩子(5n){
    背景:蓝色;
    }

    每当我看到有人在使用
    ul{list style type:decimal}
    时,我总是忍不住笑出来,好像没有办法用HTML标记有序列表一样;)谢谢你的链接。伟大的资源工具。干杯