使用JQuery从head标记中动态删除样式

我正在动态创建下面这样的样式，并将其附加到

$（“.HP{背景色：“红色”}”）.appendTo（“head”）；

---

在页面上，我想删除一个特定的css类，并用不同的值重新添加。如何在JQuery中实现这一点。

您可以向样式属性添加一个ID

 $("<style id='myStyle' type='text/css'> .HP{  background-color: \"Red \"} </style>").appendTo("head");

您可以使用，无需更改主样式表

$('.HP').css('color','red !important');

上述操作将使所有具有

HP类的元素的字体颜色
为红色

$('.HP').css('background-color','green !important');// change your bgcolor red to green

要删除最后添加的
样式
，请尝试以下操作：

$('head style:last').remove();

另外，如果要动态添加多个样式，则要删除特定样式，请为样式标记指定一个
id
，诸如此类

向要删除的样式添加ID。
然后在JQuery中使用


$（“#styleId”）.remove（）你是在尝试？只是一条规则，还是整个样式元素？（我注意到这个示例只有一个类规则，但是…）旁注：颜色名称不带引号，也不大写：
背景色：red
只是动态添加一个规则，这会添加一个内联样式，想象一下如果动态添加元素，每次添加至少一个元素时，都需要再次调用css（）。在那种场景中似乎效率不高，我刚刚尝试了.remove（），但什么也没发生，它仍然存在，所以我使用了$（“#myStyle”）.html（”；在.remove（）之后，现在我可以看到一个变化
$('.HP').css('background-color','green !important');// change your bgcolor red to green

$('head style:last').remove();

$('#STYLE-ID-TO-BE-Removed').remove()