<!DOCTYPE html><html><head><title>CSS Scoping Module Level 1 - Ensure that slot's style is inherited by slotted children</title><linkrel="author"title="Ryosuke Niwa"href="mailto:rniwa@webkit.org"/><linkrel="help"href="http://www.w3.org/TR/css-scoping-1/#selectors-data-model"><linkrel="match"href="reference/green-box.html"/></head><body><style>my-host,my-non-host{display:block;width:100px;height:50px;overflow:hidden;background:red;color:red;}div{width:100%;height:50%;}</style><p>Test passes if you see a single 100px by 100px green box below.</p><my-host><divslot="green"style="background: green;">FAIL</div><divslot="green"style="background: inherit;">FAIL</div></my-host><my-non-host><slotname="green"style="color: green; background: green"><divslot="green"style="background: green;">FAIL</div><divslot="green"style="background: inherit;">FAIL</div></slot></my-non-host><script>try{varshadowHost=document.querySelector('my-host');shadowRoot=shadowHost.attachShadow({mode:'open'});shadowRoot.innerHTML='<slot name="green" style="color: green; background: green"></slot>';}catch(exception){document.body.appendChild(document.createTextNode(exception));}</script></body></html>
