所以我刚刚开始研究 nth-child 的东西,看起来真的很有用,但我的第一次实现失败了。
我想要做的基本上是彩虹图案,所以 p 的 1 到 7 有不同的颜色。那个位在它掉下来的地方工作正常是第 8 页。我希望 8 匹配 1(9 匹配 2、10 匹配 3 等),但是因为它适用于倍数,所以它不起作用。8 是 1 的倍数,但也是 2 和 4 的倍数,所以我最终得到了 8 上的 4 的颜色。
我已经做了一支快速笔来看看。
颜色应用于 ::selection 以突出显示文本以查看它。
我能想到几个解决方案。
- 重复 CSS,而不是 1 到 7,我做 1 到 70。
- 做一些javascript hack并显示重复的背景图像
如果任何数学家可以解释这是否可能,那就太好了。