javascript - 使用 Jquery 从 div 中删除完整的 css

Question

在我的CSS中有

    * {
 font-family: "Meiryo UI" , Verdana;
 font-size:13px;
 }
input, select, textarea {
 font-size: 12px;
 border-color: #333;
 color: #333;
 border-style: solid;
 border-width: 1px;
}

但是，我想要一个没有 CSS 的 DIV。我试过了

$('#preview').removeClass()
$('#preview').removeAttr("style")
$('#preview').children().removeAttr/Class

但是……但是没有结果。帮助我使用 Jquery 或一些 javascript 从此 div 中删除所有样式。

他来自样式表。这是我的问题的预览图片:https://emailinvest.com/preview.jpg我想要什么。

Answer 1

CSS 中的继承通常是有用的而不是无用的，因此采取另一种方法:

a) 覆盖你指定的样式

#preview .input, #preview select, #preview textarea { }

或

b) 使用带前缀的选择器使您指定的样式针对不同的区域，例如

#selector * { font: 13px "Meiryo UI", Verdana; }
#selector input, #selector select, #selector textarea { }