忽略特定元素的样式

Question

假设您获得的页面已经设计但他们忘记包含标题标记。

现在要求你在这里和那里包括h2，h3，h4。

这些标签已经有样式，但您希望忽略该样式。是否有一行声明忽略样式而不是逐个覆盖？

我正在寻找类似的东西：

.class-where-headings-dont-have-styles h2{
  ignore general h2 styles;
}

我想我可以将.no-style类附加到我的h2上，每当h2被设置为样式时添加h2:not(.no-style)但我希望有更好的解决方案

Answer 1

请告诉我这个解决方案是否适合您：

您可以在css中使用not()函数。所以它看起来像这样：

h2:not(.classwithoutheadingstyles){
/* bunch of style properties meant for other h2 elements without that class name */
}

如果要在混合中添加另外一个或两个h2类，语法将如下所示：

h2:not(.class1):not(.class2):not(.class3):not(#id1){
...
}

Answer 2

您可以使用all，但仍未在Edge中实施。

.reset{
  all: unset;
}

Answer 3

方法1： 将类名提供给h1，h2，h3的父级并应用样式 例如：

<style>
.added-class h2{
    color:black;
 }

<div class="initial-class added-class">
  <h2>ABCD</h2>
</div>

方法2： 将类添加到h1，h2，h3并使用！important

应用样式

<style>
 .added-h2{
    color:black;
 }
<style>
<h2 class="added-h2">