<!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>