selectors-empty-001.xml (1396B)
1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <title>CSS: 15 simple tests of :empty</title> 4 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 5 <link rel="help" href="https://drafts.csswg.org/selectors-3/#empty-pseudo"/> 6 <link rel="help" href="https://drafts.csswg.org/selectors-4/#the-empty-pseudo"/> 7 <link rel="match" href="selectors-empty-001-ref.xml"/> 8 <meta name="flags" content="nonHTML"/> 9 <style type="text/css"> 10 tests, tests * { 11 display: block; 12 } 13 tests > * { 14 border: solid thick red; 15 height: 1em; 16 padding: 4px; 17 margin: 4px; 18 color: white; 19 } 20 tests[type=positive] > :empty, tests[type=negative] > :not(:empty) { 21 border: solid thick lime; 22 } 23 </style> 24 </head> 25 <body> 26 <p>Below there should be fifteen big green boxes and no red.</p> 27 <tests xmlns="http://www.example.org/" type="positive"> 28 <test1/> 29 <test2></test2> 30 <test3><!-- --></test3> 31 <test4><?testfour?></test4> 32 <test5 title="data"></test5> 33 </tests> 34 <tests xmlns="http://www.example.org/" type="negative"> 35 <test1><test1> </test1></test1> 36 <test2>green!</test2> 37 <test3>><</test3> 38 <test4>∑</test4> 39 <test5><test5/></test5> 40 <test6> </test6> 41 <test7> <!-- --></test7> 42 <test8> <?testfour?></test8> 43 <test9><!-- --> </test9> 44 <test10><?testfour?> </test10> 45 </tests> 46 </body> 47 </html>