如何使用jQuery更改css类规则？

Question

如何使用jQuery更改css类规则？

jquerycss

52

请问有人可以帮忙吗？我有两个问题：

我想使用jQuery动态更改CSS类规则。
```
.classname{color:red; font-size:14px;}
```
如上例所示，我有一个名为.classname的类，现在我想只更改.classname内的字体大小而不是颜色，不通过添加CSS内联来实现。
我想创建并保存对.classname的更改到文件中，记住可能会保存完整的样式表或保存在文件中的类名数量。

有什么最简单和更好的方法可以做到这一点吗？

谢谢！

- Yasir

如果你想添加:hover和:active规则，这一点尤为重要，因为这是无法通过$.css()实现的。 - thugsb

14个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- studgeek · Answer 1

顺带提一下，您还可以查看我的有关更改LESS变量的答案，这将导致更新的CSS规则。根据您的情况，这可能更有用，因为单个LESS变量可以驱动许多CSS规则.... https://dev59.com/HU7Sa4cB1Zd3GeqP5ak5#9491074

- user511941 · Answer 2

我不确定如何更改类属性，我来这里是为了寻找答案，似乎已经有一些答案了。至于保存，您可以使用jQuery的$.post方法发送包含更改的表单，或者使用$.get和URL编码值，然后使用PHP fwrite或file_put_contents写入新的CSS文件。确保限制对此功能的访问或确保在存储任何数据之前满足某些标准。

- Shaulian · Answer 3

我使用了jQuery的addClass方法：http://api.jquery.com/addClass/，然后将类设置为我想要更改的属性。

- Scott Evernden · Answer 4

我相信你无法更改现有样式中的规则。即使使用firebug也无法这样做。您可以为元素或一组元素设置样式，可以分配和取消分配类，但我认为您无法更改现有类。要执行您所要求的操作，您需要维护某种关联数组，记录建议更改现有类，并且为保存这些更改，您需要上传到可以为客户端提供下载链接的服务器。