blob: 17c956837d5710e72d8dc0de6503eb0d2c1e0dd5 [file] [log] [blame]
<!DOCTYPE html>
<script src="../resources/js-test.js"></script>
<script src="../fast/dom/shadow/resources/shadow-dom.js"></script>
<div id="sandbox"></div>
<script>
description('Outer scope rules wins, regardless of specificity.');
sandbox.appendChild(
createDOM('div', {'id': 'host'},
attachShadow(
{'mode': 'open'},
createDOM('style', {},
document.createTextNode(
'::slotted(#target) { color: red; }')),
createDOM('slot', {})),
createDOM('style', {},
document.createTextNode(
'span { color: green; }')),
createDOM('span', {'id': 'target'})));
shouldBeEqualToString('getComputedStyle(target).color', 'rgb(0, 128, 0)');
</script>