part-pseudo.html (660B)
1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"> 4 <title>CSS Selectors Invalidation: ::part()</title> 5 <link rel="author" title="Steinar H. Gunderson" href="mailto:sesse@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-shadow-parts/"> 7 <link rel="match" href="part-pseudo-ref.html"> 8 <style id="sheet">#host::part(green) { color: red; }</style> 9 </head> 10 <body> 11 <div id="host"> 12 <template shadowrootmode="open"> 13 <div> 14 <div part="green">Should be green</div> 15 </div> 16 </template> 17 </div> 18 <script> 19 document.body.offsetTop; 20 sheet.innerText = "#host::part(green) { color: green; }"; 21 </script> 22 </body>