这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:ChangingaCSSrule-setfromJavascript我想知道是否可以在不使用内联样式的情况下修改Css样式表声明。这是一个简单的例子:.box{color:green;}.box:hover{color:blue;}TEXT这给出了一个蓝色的书写框，在悬停时变成绿色。如果我为颜色提供内联样式，悬停行为将会丢失:TEXT无论如何，这都会给出一个红色的书写框。所以我的问题是，如何访问和修改css声明对象而不是用内联样式覆盖样式。谢谢，

所以我对OOCSS有疑问。它应该更便携，但与我通常做事的方式相比，我发现它不那么便携。我的例子:我有一个小部件推荐。在主要内容正文(具有白色背景)中，推荐使用黑色字体。但在页脚(具有蓝色背景)中，推荐需要白色字体。在OOCSS之前，我会做这样的事情:#main-content.testominial{color:#000000;}#footer.testominial{color:#FFFFFF;}使用这种“旧”方法，我可以将我的小部件从内容区域拖到页脚，并且颜色会简单地工作-我不需要更改小部件的CSS或DOM类。使用新的OOCSS/BEM，我不应该将.testimonial类耦合到I

所以我对OOCSS有疑问。它应该更便携，但与我通常做事的方式相比，我发现它不那么便携。我的例子:我有一个小部件推荐。在主要内容正文(具有白色背景)中，推荐使用黑色字体。但在页脚(具有蓝色背景)中，推荐需要白色字体。在OOCSS之前，我会做这样的事情:#main-content.testominial{color:#000000;}#footer.testominial{color:#FFFFFF;}使用这种“旧”方法，我可以将我的小部件从内容区域拖到页脚，并且颜色会简单地工作-我不需要更改小部件的CSS或DOM类。使用新的OOCSS/BEM，我不应该将.testimonial类耦合到I