Css 每5个孩子与第n个孩子
我需要对每5个li应用一个样式,包括第一个li 我试过: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
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标记有序列表一样;)谢谢你的链接。伟大的资源工具。干杯