dynamic-4.html (632B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <style> 4 span.x { color: green; } 5 div::first-letter { font-size: 100px; } 6 </style> 7 <div style="color: red"> 8 <span>X</span> 9 </div> 10 <script> 11 addEventListener("load", function() { 12 // Make sure we do our class change after we've done our next restyle, so we 13 // won't get a spurious restyle hiding the problem we're testing. 14 requestAnimationFrame(() => { 15 requestAnimationFrame(() => { 16 var s = document.querySelector("span"); 17 s.className = 'x' 18 document.documentElement.className = ""; 19 }); 20 }); 21 }); 22 </script> 23 </html>