我正在使用css nth-child选择器尝试为无序列表中的每个第6和第7个元素添加20px的边距。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
X X X X X X X X
到目前为止，我已经通过使用两个独立的css选择器来实现这一目标：
li:nth-child(5n+6){}
li:nth-child(5n+7){}
有没有办法只使用一个n-child子公式来完成这种模式？
答案 0 :(得分：5)
没有。基本函数y = ax+b将x的整数值映射到均匀间隔的值y。您的目标元素间距不均匀。
因此，您必须使用li:nth-child(5n+6),li:nth-child(5n+7)，不可能进行简化。
答案 1 :(得分：0)
li:nth-child(5n+6),
li:nth-child(5n+7) {
margin: 20px;
}
不适用吗？