目次一覧
状態:結論(後で見返す用)
閲覧数:1,162
投稿日:2020-04-01
更新日:2020-04-01
交互に繰り返す / 間隔3で繰り返す / 間隔4で繰り返す
交互に繰り返す / 間隔3で繰り返す / 間隔4で繰り返す
交互に繰り返す
:nth-child(2n+1)
奇数番目の要素に適用
:nth-child(2n)
偶数番目の要素に適用
比較一覧表
行 | 2n+1 | 2n | 備考 |
---|---|---|---|
1 | 1 | - | - |
2 | - | 2 | - |
3 | 3 | - | - |
4 | - | 4 | - |
5 | 5 | - | - |
6 | - | 6 | - |
7 | 7 | - | - |
8 | - | 8 | - |
9 | 9 | - | - |
10 | - | 10 | - |
11 | 11 | - | - |
12 | - | 12 | - |
13 | 13 | - | - |
14 | - | 14 | - |
15 | 15 | - | - |
16 | - | 16 | - |
17 | 17 | - | - |
18 | - | 18 | - |
19 | 19 | - | - |
20 | - | 20 | - |
間隔3で繰り返す
:nth-child(3n+1)
3の倍数(0含む)+1番目の要素に適用
:nth-child(3n+1)
3の倍数(0含む)+2番目の要素に適用
:nth-child(3n)
3の倍数の要素に適用
比較一覧表
行 | 3n+1 | 3n+2 | 3n | 備考 |
---|---|---|---|---|
1 | 1 | - | - | - |
2 | - | 2 | - | - |
3 | - | - | 3 | - |
4 | 4 | - | - | - |
5 | - | 5 | - | - |
6 | - | - | 6 | - |
7 | 7 | - | - | - |
8 | - | 8 | - | - |
9 | - | - | 9 | - |
10 | 10 | - | - | - |
11 | - | 11 | - | - |
12 | - | - | 12 | - |
13 | 13 | - | - | - |
14 | - | 14 | - | - |
15 | - | - | 15 | - |
16 | 16 | - | - | - |
17 | - | 17 | - | - |
18 | - | - | 18 | - |
19 | 19 | - | - | - |
20 | - | 20 | - | - |
間隔4で繰り返す
:nth-child(4n+1)
4の倍数(0含む)+1番目の要素に適用
:nth-child(4n+2)
4の倍数(0含む)+2番目の要素に適用
:nth-child(4n+3)
4の倍数(0含む)+3番目の要素に適用
:nth-child(4n)
4の倍数の要素に適用
比較一覧表
行 | 4n+1 | 4n+2 | 4n+3 | 4n | 備考 |
---|---|---|---|---|---|
1 | 1 | - | - | - | - |
2 | - | 2 | - | - | - |
3 | - | - | 3 | - | - |
4 | - | - | - | 4 | - |
5 | 5 | - | - | - | - |
6 | - | 6 | - | - | - |
7 | - | - | 7 | - | - |
8 | - | - | - | 8 | - |
9 | 9 | - | - | - | - |
10 | - | 10 | - | - | - |
11 | - | - | 11 | - | - |
12 | - | - | - | 12 | - |
13 | 13 | - | - | - | - |
14 | - | 14 | - | - | - |
15 | - | - | 15 | - | - |
16 | - | - | - | 16 | - |
17 | 17 | - | - | - | - |
18 | - | 18 | - | - | - |
19 | - | - | 19 | - | - |
20 | - | - | - | 20 | - |