<!DOCTYPE html>

<html>
<body>

<script src="resources/polyfill.js"></script>

<div id="host">
    <div class="a ab">A</div>
    <div class="b ab">B</div>
    <div class="c">C</div>
</div>

<script>
var shadowRoot = host.webkitCreateShadowRoot();

shadowRoot.innerHTML =
    '<shadow id="id1"></shadow><hr>' + 
    '<content id="id2" select=".b"></content><hr>' + 
    '<div><content id="id3" select=".ab"></content></div><hr>' +
    '<shadow id="id4"><div>D</div></shadow>'
</script>

</body>
</html>