创建高级CSS第n个子选择器

创建高级CSS第n个子选择器,css,css-selectors,Css,Css Selectors,我有一堆瓷砖,看起来像这样: #recent ul li:nth-child(3), #recent ul li:nth-child(4), #recent ul li:nth-child(9) { width: 49.79166666666667%; margin: 0 0 0 0.41666666666667%; } 我目前瞄准蓝色的方式如下: #recent ul li:nth-child(3), #recent ul li:nth-child(4), #recent

我有一堆瓷砖,看起来像这样:

#recent ul li:nth-child(3),
#recent ul li:nth-child(4),
#recent ul li:nth-child(9) {
    width: 49.79166666666667%;
    margin: 0 0 0 0.41666666666667%;
}

我目前瞄准蓝色的方式如下:

#recent ul li:nth-child(3),
#recent ul li:nth-child(4),
#recent ul li:nth-child(9) {
    width: 49.79166666666667%;
    margin: 0 0 0 0.41666666666667%;
}
在CSS中有没有一种方法可以让选择器考虑到这个模式,比如如果我想添加60个瓷砖?这样我就不必一直指定精确的值了?我知道如何选择每第二个或第三个等,但不是什么模式的变化


感谢您在图表中提供的任何帮助,在每组6个li项目中,您都希望以第3个和第4个为目标…尝试以下操作:

#recent ul li:nth-child(6n+3),
#recent ul li:nth-child(6n+4)


从您的图表中可以看出,在每组6个li项目中,您都希望以第3个和第4个为目标……尝试以下方法:

#recent ul li:nth-child(6n+3),
#recent ul li:nth-child(6n+4)


能否将每一行插入到容器元素中?像div?这是最后的手段-我想知道是否可以纯粹在cst中完成
宽度
边距
值看起来非常疯狂,可能会导致取整错误导致跨浏览器问题。。。你想达到什么目标?我想如果你做了
框大小:边框框
,你可以设置
宽度:50%
。你能把每一行插入到一个容器元素中吗?像div?这是最后的手段-我想知道是否可以纯粹在cst中完成
宽度
边距
值看起来非常疯狂,可能会导致取整错误导致跨浏览器问题。。。你想达到什么目标?我想如果你做了
框大小:边框框
,你可以只设置
宽度:50%
。这需要第四个和第五个,不是吗?:)是的,你是对的,有点打字错误。我还添加了一个JSFIDLE。另外值得注意的是,IE8或LESS中不支持这一点。如果问题是如何使用
:nth-child()
创建高级选择器,并且已经有一个部分工作的演示程序,那么IE8支持可能一点也不重要。还有,这些应该是单冒号。这需要第4和第5个冒号,不是吗?:)是的,你是对的,有点打字错误。我还添加了一个JSFIDLE。另外值得注意的是,IE8或LESS中不支持这一点。如果问题是如何使用
:nth-child()
创建高级选择器,并且已经有一个部分工作的演示程序,那么IE8支持可能一点也不重要。而且,这些应该是单冒号。