标题只应定义一次

Question

通过csslint运行了相当数量的css，主要是为了检查错误。我得到的80％警告来自多次定义相同的标题元素。所以我想知道清理这些风格的最佳方法是什么......

h4 {
    color: red;
}

.archive h4 {
    color: green;
}

请记住，我已经在设计的其他地方使用了h1-h6样式。

为此使用类是否更好，然后使用mix-ins继承样式（我正在使用手写笔）？

h4 {
    color: red;
}

.archive-header {
    color: green;
}

虽然我很喜欢，为什么csslint会对此发出警告？是否有性能命中？

Answer 1

1. 要解决它，确定......你的解决方案应该可以正常工作。
2. CSS Lint警告它，因为你不应该以不同的方式设置相同的标题。以下是article talking more about the subject：
   的一些摘录

     

   当样式标题（或任何其他内容）时，我们需要满足三大目标：

        

     
   1. DRY - 不要重复自己。我们想要设置一次标题，从不（好的，很少！）重复那些字体样式或选择器。这将使我们的网站更易于维护。
     
   2. 可预测 - 无论页面位于何处，标题应该看起来都一样。这样可以更轻松地创建新页面和内容。
     
   3. 保持特异性低，选择器尽可能简单。这将有助于提高性能，并使网站随着时间的推移变得越来越纠结。
     

  
3. 没有表演。如果有的话，甚至可能better使用类名而不是标签。您提出的解决方案几乎是how to make your website faster by Google的教科书推荐。