77578ccb40
This CL moves third_party/WebKit/LayoutTests to third_party/blink/web_tests. NOTRY=true NOAUTOREVERT=true NOPRESUBMIT=true NOTREECHECKS=true TBR=robertma@chromium.org Bug: 843412 Change-Id: Ibb588b93d1579bcd1cb68df0a50efd8653f8724f Reviewed-on: https://chromium-review.googlesource.com/c/1328627 Reviewed-by: Kent Tamura <tkent@chromium.org> Commit-Queue: Kent Tamura <tkent@chromium.org> Cr-Commit-Position: refs/heads/master@{#610740}
27 lines
1.1 KiB
HTML
27 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<script src="../fast/dom/shadow/resources/shadow-dom.js"></script>
|
|
<div id="sandbox"></div>
|
|
<script>
|
|
var shadowStyle = document.createElement('style');
|
|
shadowStyle.innerHTML = '::slotted(div) { color: green; }'
|
|
+ '::slotted(div.blue) { color: blue; }'
|
|
+ 'slot::slotted(div#red) { color: red; }'
|
|
+ 'slot::slotted(div[data-color=purple]) { color: purple; }';
|
|
|
|
var sandbox = document.getElementById('sandbox');
|
|
sandbox.appendChild(
|
|
createDOM('div', {},
|
|
attachShadow(
|
|
{'mode': 'open'},
|
|
shadowStyle,
|
|
createDOM('slot')),
|
|
createDOM('div', {},
|
|
document.createTextNode('green')),
|
|
createDOM('div', {class: 'blue'},
|
|
document.createTextNode('blue')),
|
|
createDOM('div', {id: 'red'},
|
|
document.createTextNode('red')),
|
|
createDOM('div', {'data-color': 'purple'},
|
|
document.createTextNode('purple'))));
|
|
</script>
|