<!doctype html>
<title>(Test #1) CSS Test: Dynamic changes to the stylesheet contents using replaceData are reflected</title>
<link rel="match" href="stylesheet-replacedata-dynamic-ref.html">
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@mozilla.com">
<link rel="author" title="Cheng You Bai" href="mailto:cyb.ai.815@gmail.com">
<link rel="help" href="https://dom.spec.whatwg.org/#dom-characterdata-replacedata">
<style>.fail { color: green }</style>
<div class="pass">Should be green</div>
<script>
  document.body.offsetTop;
  document.querySelector('style').firstChild.replaceData(1, 4, "pass");
</script>