| <!DOCTYPE html> | |
| <style>.t { color: green }</style> | |
| <div id="host"> | |
| <span id="t" class="t">This text should be green.</span> | |
| </div> | |
| <script> | |
| if (window.testRunner) | |
| testRunner.dumpAsText(); | |
| var root = host.createShadowRoot(); | |
| root.innerHTML = '<style>::content > * { color: red }</style><content></content>'; | |
| document.write(getComputedStyle(t).color == "rgb(0, 128, 0)" ? "PASS" : "FAIL"); | |
| </script> |