如何摆脱 !important 标签？

Question

这太疯狂了。例如，我为

设置了默认规则

#page a {
  color: #000;
}

然后，如果我在该#page（它是整个站点的主要包装器）内的 div 深处有一个新链接，它需要不同的样式和颜色，它只适用于 !important。就像现在一样，现在几乎每条新的样式规则都带有 !important 以使其工作、颜色、字体系列、字体大小等。

我使用一个 .css 文件，如何去掉 !important 标签？我所有的 CSS 文件都是红色的！我问这个是因为我在某处读到 !important 不好，应该避免，那我该怎么做？

Answer 1

1. 删除首字母 !important
2. 为类似的属性分配一个类，以便所有 h1、h2、...p、em、a 等都有各自的颜色

3. 如果您有两个需要单独样式的 h1 或 p 或 a，请使用类或使用定位，例如

   <p class="text1"> A text </p>  
   <div class="txtgroup">
      <p> Another text </p>
   </div>
   

您可以按如下方式设置这些样式：

.text1 {color: #fff}
.txtgroup p{color:#cdcdcd}

1. 最后，让您的主 CSS 框架保持不变。创建一个 custom.css，在那里添加你的样式修改，并直接在被覆盖的 css 下声明它

祝你好运