Question

可能重复：
Changing a CSS rule-set from Javascript

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

Answer 1

你可以使用一个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');