javascript - jquery：如何更改整个 CSS 类的属性？

Question

可能重复：
从 Javascript 更改 CSS 规则集

我知道 CSS 中没有变量，但是如果可以使用 JQ 更改页面上的 CSS 列表主体 - 它可能会解决这个问题。另外，我知道 addClass/removeClass 和 css('blabla','blabla') JQ 方法，这不是我需要的。

score 0 · Accepted Answer

您可以使用 body 类，然后使用 CSS 仅操作 body 类，然后根据您的 body 类设置所有样式。

<body class="my-skin">
   <p>Lorem<p>
</body>

在你的CSS中：

.my-skin p{color: red}
.my-skin img{border:2px solid #333;margin:5px}

.second-skin p{color:blue}

jQuery：

$('body').addClass('my-skin');
//or
$('body').removeClass('my-skin').addClass('second-skin');

1 回答 1