可能的重复：
从 Javascript 更改 CSS 规则集
我想知道是否有可能在不进行内联样式的情况下修改 Css 样式表声明。
这是一个快速示例：
<style>
.box {color:green;}
.box:hover {color:blue;}
</style>
<div class="box">TEXT</div>
这给出了一个蓝色的书面框，在悬停时变成绿色。
如果我为颜色提供内联样式，则悬停行为将丢失：
<div class="box" style="color:red;">TEXT</box>
无论如何，这都会给出一个红色的书写框。
所以我的问题是，如何访问和修改 css 声明对象而不是用内联样式覆盖样式。
谢谢，
您可以使用与cssRules原始样式表相对应的 DOM 样式表对象来修改规则。
var sheet = document.styleSheets[0];
var rules = sheet.cssRules || sheet.rules;
rules[0].style.color = 'red';
请注意，IE 使用rules而不是cssRules.
这是一个演示：http : //jsfiddle.net/8Mnsf/1/
只需定义您的类，并使用 javascript 为 HTML 元素分配/删除类。
直接为元素分配样式，具有最高优先级，它将覆盖所有其他 CSS 规则。
编辑：您可能想要使用 cssText 属性，请参阅此处的示例cssText 属性