nth-child-of-no-space-after-of.html (1250B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>:nth-child with no space between "of" and the selector list</title> 6 <link rel="help" href="https://drafts.csswg.org/selectors-4/#child-index"> 7 <link rel=author href="mailto:zach@zrhoffman.net" title="Zach Hoffman"> 8 <link rel="match" href="nth-child-of-no-space-after-of-ref.html"> 9 <style> 10 target { 11 color: red; 12 } 13 14 :nth-child(3 of/* my comment */target) { 15 color: green; 16 } 17 18 .target { 19 color: red; 20 } 21 22 :nth-child(3 of.target) { 23 color: green; 24 } 25 26 [target] { 27 color: red; 28 } 29 30 :nth-child(3 of[target]) { 31 color: green; 32 } 33 </style> 34 </head> 35 <body> 36 <p>Testing no space between "of" and the selector list. If the test succeeded, every instance of the text "Success" should be green.</p> 37 <div></div> 38 <target>Foo</target> 39 <div></div> 40 <target>Bar</target> 41 <div></div> 42 <target>Success</target> 43 <div></div> 44 <div class=target>Foo</div> 45 <div></div> 46 <div class=target>Bar</div> 47 <div></div> 48 <div class=target>Success</div> 49 <div></div> 50 <div target>Foo</div> 51 <div></div> 52 <div target>Bar</div> 53 <div></div> 54 <div target>Success</div> 55 </body> 56 </html>