是否可以使用jQuery修改页面的CSS（不是元素，而是全局css）

Question

是否可以使用jQuery（不是元素而是全局css）来修改页面的CSS？

例如我有一个CSS entery：

.page.left {
    top: -100%;
}

在我的主样式表中，我想在运行时将其修改为顶部：-50％ 可能吗？再次，这种风格可能会或可能不适用于任何元素......

...

谢谢，

肖恩。

Answer 1

以下代码将满足您的要求：

$('.page.left').css('top', '-50%');

它会在页面上找到包含page和left类的所有（如果有）元素，并将新的top样式应用于它们。

Answer 2

您可以使用相同的css选择器使用jquery设置这些元素的规则。

CSS规则示例：

.page.left {
  top: -100%;
}

在Jquery中它将是：

$(".page.left").css("top","-100%");

但这只会在执行上一行的页面上发生变化。