问在JavaScript或jQuery中动态更改CSS规则

EN

我正在寻找一种方法来更改导入到文档中的样式表的CSS规则。所以我有一个外部样式表和一些class和div属性。我想用JavaScript或jQuery更改其中一个规则。

下面是一个示例：

.red{
    color:red;
}

所以我们的想法是在JavaScript中做一些事情，并且HTML知道现在color是另一种颜色，就像这样：

.red{
    color:purple;
}

但是我希望将来通过append的方式添加的每个元素都有这个规则。因此，如果我添加一个带有CSS类.red的span，文本必须是紫色而不是红色。

我希望我说得很清楚了。