如何摆脱！重要标签？

Question

这很疯狂。我为

设置了默认规则

#page a {
  color: #000;
}

然后，如果我在#page（这是整个网站的主要包装）内的div内部有一个新链接，它需要不同的样式和颜色，它只适用于！important。就像现在几乎每个新的样式规则一样！重要的是使其工作，颜色，字体系列，字体大小等。

我使用一个.css文件，如何摆脱！重要标签？我所有的CSS文件都是红色的！重要的是。我问这个是因为我在某个地方读到了！重要的是坏的，应该避免，所以我该怎么做？

Answer 1

1. 删除最初的！important
2. 将类分配给喜欢的属性，以便所有h1，h2，... p，em，a等都有各自的颜色

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

   <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下声明它

祝你好运