Question

我正在通过jQuery向<style></style>中的<head>标签添加一些CSS规则，这些规则无法内联，因为大多数都是伪类（：hover，：focus等等... ）。

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

单击此按钮或样式元素更改后，如何删除<style/>中的CSS规则？我认为在某种程度上我需要浏览head部分中的整个<style>标记，但不知道如何执行此操作。

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

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（），从中选择和添加样式。

从head jquery </style>中的<style>中删除css规则

0 个答案: