| <style> | |
| div { width: 100px; height: 100px; } | |
| #target { margin-top: -100px; background-color: green; } | |
| #target:empty { display: none; } | |
| </style> | |
| <p> | |
| This tests that specifying <tt>display: none;</tt> for the <tt>:empty</tt> | |
| pseudoclass doesn’t affect non-empty elements. | |
| </p> | |
| <div style="background-color: red;"></div> | |
| <div id="target"><span></span></div> | |
| <p id="result"></p> | |
| <script> | |
| if (window.testRunner) | |
| testRunner.dumpAsText(); | |
| document.getElementById("result").innerText = document.getElementById("target").offsetWidth === 100 ? "PASS" : "FAIL"; | |
| </script> |