nth-child-of-complex-selector-many-children.html (1381B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>:nth-child with complex selector list argument and more than 32 elements</title> 5 <link rel="help" href="https://drafts.csswg.org/selectors-4/#child-index"> 6 <link rel="match" href="nth-child-of-complex-selector-many-children-ref.html"> 7 <style> 8 /* At least 4 pair of <p> above, can be overlapping. The other selectors of the list are useless. */ 9 p:nth-child(4n of html:root>body>p+p:not(empty), :not(*), p:not(p), span, .notthere) { 10 background-color: lime; 11 } 12 </style> 13 </head> 14 <body> 15 <p>This test the styling of paragraphs with :nth-child(An+B of selector). If the test succeed, paragraphs that say "green" should have a green background.</p> 16 <p>White</p> 17 <p>White</p> 18 <p>White</p> 19 <p>Green</p> 20 <p>White</p> 21 <p>White</p> 22 <p>White</p> 23 <p>Green</p> 24 <p>White</p> 25 <p>White</p> 26 <p>White</p> 27 <p>Green</p> 28 <p>White</p> 29 <p>White</p> 30 <p>White</p> 31 <p>Green</p> 32 <p>White</p> 33 <p>White</p> 34 <p>White</p> 35 <p>Green</p> 36 <p>White</p> 37 <p>White</p> 38 <p>White</p> 39 <p>Green</p> 40 <p>White</p> 41 <p>White</p> 42 <p>White</p> 43 <p>Green</p> 44 <p>White</p> 45 <p>White</p> 46 <p>White</p> 47 <p>Green</p> 48 <p>White</p> 49 <p>White</p> 50 <p>White</p> 51 <p>Green</p> 52 <p>White</p> 53 <p>White</p> 54 <p>White</p> 55 <p>Green</p> 56 </body> 57 </html>