n-child数学重复1到7

时间:2013-07-31 11:00:30

标签: math css-selectors

所以我刚刚开始研究n-child的东西,看起来非常有用但我第一次实现时失败了。

我想要做的基本上是彩虹图案,所以p 1到7有不同的颜色。这个位工作正常,它落下的是第8页。我希望8匹配1(9匹配2,10匹配3等)但是因为它适用于倍数它不起作用。 8是1的倍数,但也是2和4的倍数,所以我最终得到8的颜色为4。

我做了一个quick pen来看看。
颜色应用于:: selection以突出显示文本以查看它。

我能想到几种解决方案   - 重复CSS,而不是1到7我做1到70.
  - 做一点javascript hack并显示重复的背景图像

如果有任何数学家能够解释这是否可行,那将是很好的。

1 个答案:

答案 0 :(得分:1)

别担心我已经解决了它:)

基本上我已将所有这些设置为在7n上重复但是用减号设置它们。例如,对于第6行,我使用了nth-child(7n-1)

我也在这里更新了笔http://codepen.io/DeadWhisky/pen/fFeBv