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