是否有可用的CSS规则可以删除之前在样式表中为特定元素设置的任何样式?
一个很好的例子可能是在一个移动优先的RWD站点中，在这个站点中，用于小屏幕视图中的特定元素的许多样式都需要“重置”或删除桌面视图中的相同元素。
一个CSS规则可以实现如下功能:
.element {
all: none;
}
使用示例:
/* mobile first */
.element {
margin: 0 10;
transform: translate3d(0, 0, 0);
z-index: 50;
display: block;
etc..
etc..
}
@media only screen and (min-width: 980px) {
.element {
all: none;
}
}
因此，我们可以快速删除或重新设置样式，而不必声明每个属性。
当前回答
你有没有可能在找!重要规则?它不会撤销所有声明，但它提供了一种重写它们的方法。
当在样式声明上使用!important规则时，该声明将覆盖CSS中所做的任何其他声明，无论它位于声明列表中的哪个位置。虽然，important与专一性无关。
https://developer.mozilla.org/en-US/docs/CSS/Specificity The_ !important_exception
其他回答
对于那些试图弄清楚如何真正从元素中删除样式，而不从文件中删除css的人，这个解决方案使用jquery:
$('.selector').removeAttr('style');
如果你碰巧在构建系统中使用sass，一种在所有主流浏览器中都能工作的方法是用:not()选择器包装你所有的样式导入，就像这样…
:not(.disable-all-styles) {
@import 'my-sass-file';
@import 'my-other-sass-file';
}
然后你可以在容器上使用disable类，子内容不会有任何你的样式。
<div class="disable-all-styles">
<p>Nothing in this div is affected by my sass styles.</p>
</div>
当然，现在所有的样式都将以:not()选择器作为前缀，所以这有点难看，但效果很好。
all属性这样做，并像这样工作:
CSS:
#someselector {
all: initial;
}
#someselector * {
all: unset
}
SCSS:
#someselector {
all: initial;
* {
all: unset;
}
}
适用于所有主要浏览器，仍然支持。不能在ie中工作，如果你还需要维护的话。
如果你在类中设置CSS， 你可以使用jQuery removeClass()方法轻松删除它们。 下面的代码删除了.element类:
<div class="element">source</div>
<div class="destination">destination</div>
<script>
$(".element").removeClass();
</script>
如果未指定参数，则该方法将删除 所选元素中的所有类名。
我正在为我的项目使用Material-Tailwind，并且正在努力删除一个元素的默认css。所以我简单地添加了style={{all: "revert"}}作为我的jsx的属性，它为我工作。
