<!DOCTYPE html>
<head>
  <style class="foo">
    body { color: red; }
  </style>
  <script>
    document.styleSheets[0].insertRule("body { color: green; }", 1);
    document.querySelector("style").removeAttribute("class");
  </script>
</head>
<body>
  This text should be green
</body>