blob: f3471e99a1acad2b9fea30592c9ca81b68b567ec (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<style>
div { font-family: monospace; }
</style>
<div id="host">HOST</div>
<script>
var host = document.getElementById('host');
var root = host.createShadowRoot();
root.innerHTML = '\
<style>\
:host::before { content: "before shadow root:"; }\
:host::after { content: ":after shadow root"; }\
</style>\
<span>SHADOW</span>';
</script>
|
