| <!doctype html> |
| <html class="reftest-wait"> |
| <title>CSS Test: Re-slotted text node inheritance</title> |
| <link rel="help" href="https://drafts.csswg.org/css-scoping/#slotted-pseudo"> |
| <link rel="match" href="reference/green-text.html"> |
| <script src="/common/reftest-wait.js"></script> |
| <p id="host">This text should be green.</p> |
| <script> |
| const root = host.attachShadow({mode:"open"}); |
| root.innerHTML = ` |
| <slot style="color:green" name="no-match"></slot> |
| <slot style="color:red"></slot> |
| `; |
| host.offsetTop; |
| root.querySelector("slot").removeAttribute("name"); |
| takeScreenshot(); |
| </script> |