OLD | NEW |
1 Test parsing of CSS nth-child tokens. | 1 Test parsing of CSS nth-child tokens. |
2 | 2 |
3 SUCCESS | 3 SUCCESS |
4 | 4 |
5 Rules from the stylesheet: | 5 Rules from the stylesheet: |
6 | 6 |
7 #a:nth-child(1n+0) { color: green; } | 7 #a:nth-child(1n) { color: green; } |
8 #b:nth-child(n+0) { color: green; } | 8 #b:nth-child(1n) { color: green; } |
9 #c:nth-child(n) { color: green; } | 9 #c:nth-child(1n) { color: green; } |
10 #d:nth-child(-n+0) { color: green; } | 10 #d:nth-child(-1n) { color: green; } |
11 #e:nth-child(-n) { color: green; } | 11 #e:nth-child(-1n) { color: green; } |
12 #f:nth-child(1N+0) { color: green; } | 12 #f:nth-child(1n) { color: green; } |
13 #g:nth-child(N+0) { color: green; } | 13 #g:nth-child(1n) { color: green; } |
14 #h:nth-child(N) { color: green; } | 14 #h:nth-child(1n) { color: green; } |
15 #i:nth-child(-N+0) { color: green; } | 15 #i:nth-child(-1n) { color: green; } |
16 #j:nth-child(-N) { color: green; } | 16 #j:nth-child(-1n) { color: green; } |
17 #l:nth-child(-1N | 17 #l:nth-child(-1n-123) { color: green; } |
18 - | 18 #m:nth-child(1n-123) { color: green; } |
19 123) { color: green; } | 19 #o:nth-child(23n+123) { color: green; } |
20 #m:nth-child(N- 123) { color: green; } | 20 #t:nth-child(1n+3) { color: green; } |
21 #o:nth-child(23n | 21 #u:nth-child(1n+7) { color: green; } |
22 | |
23 + | |
24 | |
25 123) { color: green; } | |
26 #t:nth-child(+n+3) { color: green; } | |
27 #u:nth-child(+n + 7) { color: green; } | |
28 Expected result: | 22 Expected result: |
29 | 23 |
30 #a:nth-child(1n+0) { color: green; } | 24 #a:nth-child(1n) { color: green; } |
31 #b:nth-child(n+0) { color: green; } | 25 #b:nth-child(1n) { color: green; } |
32 #c:nth-child(n) { color: green; } | 26 #c:nth-child(1n) { color: green; } |
33 #d:nth-child(-n+0) { color: green; } | 27 #d:nth-child(-1n) { color: green; } |
34 #e:nth-child(-n) { color: green; } | 28 #e:nth-child(-1n) { color: green; } |
35 #f:nth-child(1N+0) { color: green; } | 29 #f:nth-child(1n) { color: green; } |
36 #g:nth-child(N+0) { color: green; } | 30 #g:nth-child(1n) { color: green; } |
37 #h:nth-child(N) { color: green; } | 31 #h:nth-child(1n) { color: green; } |
38 #i:nth-child(-N+0) { color: green; } | 32 #i:nth-child(-1n) { color: green; } |
39 #j:nth-child(-N) { color: green; } | 33 #j:nth-child(-1n) { color: green; } |
40 #l:nth-child(-1N | 34 #l:nth-child(-1n-123) { color: green; } |
41 - | 35 #m:nth-child(1n-123) { color: green; } |
42 123) { color: green; } | 36 #o:nth-child(23n+123) { color: green; } |
43 #m:nth-child(N- 123) { color: green; } | 37 #t:nth-child(1n+3) { color: green; } |
44 #o:nth-child(23n | 38 #u:nth-child(1n+7) { color: green; } |
45 | 39 |
46 + | |
47 | |
48 123) { color: green; } | |
49 #t:nth-child(+n+3) { color: green; } | |
50 #u:nth-child(+n + 7) { color: green; } | |
51 | |
OLD | NEW |