Dynamic handling of combinatorsIan HicksonCSS 3 Module W3C Selectors Next Dynamic handling of attribute selectors Previous Dynamic handling of :empty Test # 3 of 5 of the dynamic tests category Testing Dynamic handling of combinators ID d2 Date 2004-03-03 Revision 1.1 The UA must support ECMA-262 and DOM Level 2 Core for this test.
The following bar should be green.
#test { background: red; display: block; padding: 1em; }
#stub ~ div div + div > div { background: lime; }
<div xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript">
<![CDATA[
function test() {
el = document.getElementById('test');
el.parentNode.parentNode.insertBefore(document.createElementNS('http://www.w3.org/1999/xhtml', 'div'), el.parentNode);
}
window.setTimeout("test()", 100);
]]>
</script>
<p> The following bar should be green. </p>
<div id="stub"></div>
<div></div>
<div><div><!-- <div/> --><div><div id="test"></div></div></div></div>
</div>