jquery - 通过 Jquery 使用属性更改所有 CSS 样式

Question

在一个页面上我包含了一些 CSS 例如:

<style type='test/css'>
.myBox{
color:#000000;
border:#FFFFFF;
padding:4px;
}
.myBox2{
color:#000000;
border:#FFFFFF;
padding:4px;
}
</style>

然后我想在不知道 css 样式的实际名称(myBox、myBox2)的情况下，更改 jquery 中 myBox 和 myBox2 中设置的“颜色”属性。换句话说，我想更新页面上颜色 = 特定值的所有 css 样式，然后还更新边框 = 特定值。

一个示例(无效代码)可能是:

$("all css [color:#000000]").html("#FF0000");

这怎么可能使用 jquery？

Answer 1

也许您应该考虑重构您的 HTML + CSS。 CSS 的全部意义在于通过您的网站“级联”样式。所以声明这样的东西是非常有意义的:

body {color:#333;}

上述 CSS 属性在您网站上的所有元素中都被继承。当需要切换样式时，您可以用自己的样式覆盖上述样式:

$("body").css("color", "purple");

或者，也许您想看看样式表切换器，这可以让您更精细地控制 CSS (example)，这些样式表可以在运行时使用服务器端编程语言生成(例如 PHP)使用类似于以下的 URL:

/css/generate-css.php?color=purple