javascript - 从元素及其子元素中删除所有 CSS 属性

Question

标题说明了一切。是否有可能使一个元素及其所有子元素都失去所有 CSS 属性？

演示:

<div class="class-defined-but-should-not-affect-the-div">
<!-- content + children -->
</div>

CSS:

.class-defined-but-should-not-affect-the-div {
    background-color: green;
}

.class-defined-but-should-not-affect-the-div > .content {
   /* tons of other properties */
}

这个例子只是为了让你明白，实际情况是不同的。我想远离 CSS 属性的元素包含大量子元素。我无法收集所有类和 ID 并撤消效果。我需要一些动态解决方案，可能是通过 JS。

编辑:不删除 class 和 id 属性。

如有任何帮助，我们将不胜感激。

Answer 1

您可以使用 all属性以取消设置所有属性。

body { font-size: small; background-color: #F0F0F0; color:blue; }
blockquote { background-color: skyblue;  color: red; }
blockquote { all: unset; }

<blockquote id="quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</blockquote> Phasellus eget velit sagittis.

Snippet from linked source