Javascript 从<；中删除css规则；风格>；头中jquery

我正在通过jQuery向

中的

标记添加一些CSS规则，这些规则不能内联添加，因为它们大多数是伪类（：hover、：focus等）

同时向相应的DOM元素添加一个类。 如果单击“清除”按钮，则该类将被删除，但：

单击此按钮或更改样式元素后，如何删除

中的CSS规则？我想在某种程度上，我需要浏览头部部分的整个

标记，但不知道如何做

到目前为止，我对一个元素的代码是：

if ($('.color:eq(4)').val() != '') {$("#preview iframe").contents().find('body a').addClass('test');}
$('.clear').eq(5).click(function(){ $("#preview iframe").contents().find('body a').removeClass('test');});
$('iframe').contents().find("#style").append(".test:hover{color:#"+ hover1 +"!important;}");

---

其中var hover1是输入字段的val（），从中选择并添加样式。

为什么要删除该规则？为什么不创建一个基于类的样式，并在完成后删除该类？我在极少数情况下这样做的方式是保留样式元素需要的当前信息列表，然后在更新列表时完全重写元素。@epascarello:如果用户正在玩界面，