nth-child-of-complex-selector-many-children-2.html (1174B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>nth-child(...of S) with many children, where only some match</title> 5 <link rel="author" title="Steinar H. Gunderson" href="mailto:sesse@chromium.org" /> 6 <link rel="help" href="https://crbug.com/1412421" /> 7 <link rel="match" href="nth-child-of-complex-selector-many-children-2-ref.html" /> 8 <style> 9 p:nth-child(16 of .c) { background-color: red; } 10 </style> 11 </head> 12 <body> 13 <p>Test passes if there is no red.</p> 14 <div> 15 <p></p> 16 <p></p> 17 <p></p> 18 <p class="c">1</p> 19 <p class="c">2</p> 20 <p></p> 21 <p></p> 22 <p class="c">3</p> 23 <p class="c">4</p> 24 <p></p> 25 <p></p> 26 <p class="c">5</p> 27 <p></p> 28 <p></p> 29 <p class="c">6</p> 30 <p></p> 31 <p class="c">7</p> 32 <p></p> 33 <p></p> 34 <p></p> 35 <p></p> 36 <p class="c">8</p> 37 <p></p> 38 <p></p> 39 <p></p> 40 <p class="c">9</p> 41 <p class="c">10</p> 42 <p></p> 43 <p></p> 44 <p class="c">11</p> 45 <p class="c">12</p> 46 <p></p> 47 <p></p> 48 <p class="c">13</p> 49 <p class="c">14</p> 50 </div> 51 </body> 52 </html>