所以我刚刚开始研究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并显示重复的背景图像
如果有任何数学家能够解释这是否可行,那将是很好的。
答案 0 :(得分:1)
别担心我已经解决了它:)
基本上我已将所有这些设置为在7n上重复但是用减号设置它们。例如,对于第6行,我使用了nth-child(7n-1)