-1

所以我刚刚开始研究 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并显示重复的背景图像

如果任何数学家可以解释这是否可能,那就太好了。

4

1 回答 1

1

别担心我已经解决了:)

基本上我已经将它们全部设置为在 7n 上重复,但用负数设置它们。例如对于第 6 行,我使用了 nth-child(7n-1)

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

于 2013-07-31T11:07:04.253 回答