Dynamic handling of :empty Ian Hickson CSS 3 Module W3C Selectors Next Dynamic handling of combinators Previous NEGATED Dynamic handling of :empty Test # 293 of 296 Testing Dynamic handling of :empty ID d1b Date 2006-03-03 Revision 1.1 The UA must support ECMA-262 and DOM Level 2 Core for this test.

The following two bars should be green.

#test1 { background: red; display: block; padding: 1em; margin: 1em; } #test1:empty { background: lime; } #test2 { background: lime; display: block; padding: 1em; margin: 1em; } #test2:empty { background: red; } <div xmlns="http://www.w3.org/1999/xhtml"> <script type="text/javascript"> <![CDATA[ function test() { document.getElementById('test1').appendChild(document.createTextNode('')); document.getElementById('test2').appendChild(document.createTextNode(' ')); } window.setTimeout("test()", 100); ]]> </script> <p> The following two bars should be green. </p> <div id="test1"></div> <div id="test2"></div> </div>