更改'；它不在使用Javascript的样式表中

我有一系列div由于各种原因共享一个类（还有一些div是通过代码在其他点创建的）

我试图找到答案，但都依赖于样式表中的类（如果有），这在本例中不会发生，或者会改变现有元素而不是规则本身

所以我需要做一些像

var add_to_styles('myClassName');
myClassName.cssText = "color: red;"

并使所有创建的具有该类的div（在脚本运行之前和之后）

<div class="myClassName">I should be red</div>

我应该是红色的

改变规则。但是我还没有找到这样的东西。

试试这个：

document.getElementByClassName('myClassName').style.color = "red";

或

---

如果您使用的是jQuery，那么可以尝试使用.css（）函数

进行一些测试

$(".myClassName").css("color", "red");

您可以使用新规则（新的或现有的类）添加新的

，并将其附加到正文中（这样它将在其他样式表之后读取）

---

您也可以按特定的父级设置目标（如果不想更改所有现有元素，请不要修改它们）。

您可以直接更改样式表，但请记住一个选项是将类添加到这些类共享的根元素中，然后添加一个更具体的CSS选择器，该选择器仅适用于这两个类（例如

html.toggleStateIsOn.myClassName

），您可以使用新规则添加新的（新的或现有的类）并将其附加到正文中（以便在其他样式表之后读取）。@whipdancer答案以使用样式表为前提。我问的是如何添加独立于样式表的样式。@PrzemysławMelnarowicz在它的直接性和简单性方面非常出色，感觉它应该是显而易见的，应该完全做到这一点。把它作为一个答案，你会得到我的投票。如果在更改后将另一个

myClassName

添加到文档中，这将不会有任何帮助。并且创建所有具有该类的div-在

文档之后似乎不会有任何“另一个”。获取…

$(".myClassName").css("color", "red");