Dynamic updating of :first-child and :last-childIan HicksonCSS 3 Module W3C Selectors Previous Dynamic handling of attribute selectors Test # 296 of 296 Testing Dynamic updating of :first-child and :last-child ID d4 Date 2004-03-03 Revision 1.1 The UA must support ECMA-262 and DOM Level 2 Core for this test.
This line should be unstyled. (2)
This line should have a green background. (3)
This line should be unstyled. (4 moving to 1)
#two:first-child { background: red; }
#three:last-child { background: lime; }
<div xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript">
<![CDATA[
function test() {
el2 = document.getElementById('two');
el3 = document.getElementById('three');
el2.parentNode.insertBefore(el3.nextSibling, el2);
}
window.setTimeout("test()", 100);
]]>
</script>
<div><p id="two">This line should be unstyled. (2)</p><p id="three">This line should have a green background. (3)</p><p>This line should be unstyled. (4 moving to 1)</p></div>
</div>