reslot-text-inheritance.html (600B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>CSS Test: Re-slotted text node inheritance</title> 4 <link rel="help" href="https://drafts.csswg.org/css-scoping/#slotted-pseudo"> 5 <link rel="match" href="reference/green-text.html"> 6 <script src="/common/reftest-wait.js"></script> 7 <p id="host">This text should be green.</p> 8 <script> 9 const root = host.attachShadow({mode:"open"}); 10 root.innerHTML = ` 11 <slot style="color:green" name="no-match"></slot> 12 <slot style="color:red"></slot> 13 `; 14 host.offsetTop; 15 root.querySelector("slot").removeAttribute("name"); 16 takeScreenshot(); 17 </script>