用JavaScript或jQuery修改CSS规则？

是否可以使用javascript或jquery编辑/修改现有的css规则？例如，样式表具有以下类：

.red {
    color: red;
}

我有10个元素在使用这个类

我想做的是像这样编辑这个类：

.red {
    color: blue;
}

---

因此，它还将影响同一类的未来实例。第11、12、13元素等等。

我相信jQuery.css是您需要的

$('.red').css('color', 'blue');

---

在我看来，你所问的似乎是对CSS的滥用，不管你是否找到了一个可行的解决方案

我的做法如下：

.red .myElementClass{ /*or perhaps .red>.myElementClass*/
    color:red;
}
.blue .myElementClass{ /*or perhaps .blue>.myElementClass*/
    color:blue;
}

---

现在，您可以添加任意数量的内容，并且要更改其所有颜色，只需将divouter的类交换为蓝色。

这就是使用JavaScript更改CSS规则的方式

var ss=document.styleSheets； var m=document.getElementById'modifiedRule'； 对于i=0；iJavascript提供document.stylesheets集合，该集合提供对象列表。您可以遍历此集合以查找您感兴趣的任何特定css规则并修改其规则

然而，正如我之前提到的，这可能不是你想要达到的目标的正确方法。它可能有点依赖于浏览器，只是感觉有点黑

你最好有两条单独的规则

.red { color :red }
.blue { color : blue }

---

在javascript中维护一个变量，该变量保存元素的当前默认类，即current_class='blue'。当您创建一个简单的元素时。addClasscurrent\u类。当您想要更改所有元素时，.toggleClasscurrent\u class，new\u class.

在我看来，您可以这样做：

var reds = $('.red');
var index = 1;
reds.each(function(){
    $(this).css('color', index > 10 ? 'blue' : 'red');
    index++;
})

---

是否需要编辑样式元素文本，link element href stylesheet？@chipChocolate.py问这个问题是毫无意义的。@rocky该解决方案只允许我使用-添加新样式，并不能真正回答我需要修改现有样式的问题rules@guest271314你是什么意思？这不是我想要的，因为它只是一个选择器，不会影响该项目的未来副本。泽特兰：这确实是对你问题的正确回答。然而，你的回答清楚地表明这个问题是不完整的。因此，这与上面解释的@spender非常相似。@Zettam：尽管有反对票，但我坚持认为您正在陷入困境，您应该重新考虑在运行时更改CSS规则的策略。这不是CSS的设计用途。节省一些时间，用一种更传统的方式解决你的问题。我正要回答自己，并提出同样的建议。使用两个类并在JS中交换它们。jQuery简化了这一过程：$'outer'。切换class'red'、'blue'；处理器非常密集。css很简单。

var reds = $('.red');
var index = 1;
reds.each(function(){
    $(this).css('color', index > 10 ? 'blue' : 'red');
    index++;
})