Jquery 规则插件如何更改现有样式？

在一个名为styles.css的文件中，我有一个类似的css规则

#id.class1.class2 {
    top: 10px;
}

我在一个名为index.html的文件中使用了一个link标记来使用它。在阅读了jQuery.Rule之后，我试图用attr更改top的值

$.rule('#id.class1.class2','style').attr('top','20px')

---

但除了返回一个f.rule对象之外，什么也不会发生。如何更改css规则？没有jQuery.rule会更容易做到这一点吗？

我不熟悉这个插件，但是

.attr（）

通常看起来像这样：

$('#id.class1.class2').attr('style','top:20px;');

您也可以尝试以下方法：

$('#id').css('top','20px');

---

我试过了，但还是不行。我想我可以在头上添加一个样式标签，每次我想更新它的时候就更改文本，

\id.class1.class2

选择器有什么意义？由于

#id

在文档中应该是唯一的，因此您应该能够只使用

#id

。因为我希望在向该元素添加class2时，该元素的css会发生更改。i、 e.#id.class1为蓝色，而#id.class1.class2为绿色