标题只能定义一次

Question

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

h4 {
    color: red;
}

.archive h4 {
    color: green;
}

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

为此使用类然后通过混合继承样式会更好吗（我正在使用手写笔）？

h4 {
    color: red;
}

.archive-header {
    color: green;
}

当我在做的时候，为什么 csslint 会对此发出警告？是否有性能命中？

Answer 1

\n
1. 为了解决这个问题，当然......你的解决方案应该工作得很好。
\n
2. CSS Lint 会对此发出警告，因为您不应该对相同的标头设置不同的样式。这是一篇更多讨论该主题的文章的摘录：

   \n\n

   \n

   当设计标题（或任何东西）时，我们希望实现三个大目标：

   \n\n

   \n
   1. DRY \xe2\x80\x93 不要重复。我们希望设置标题一次，并且永远不会（好吧，很少！）重复这些字体样式或选择器。这将使我们的网站更易于维护。
   \n
   2. 可预测的\xe2\x80\x93 无论标题放置在页面上的哪个位置，标题都应该看起来相同。这将使创建新页面和内容变得更加容易。
   \n
   3. 保持低特异性并使选择器尽可能简单。这将有助于提高性能并防止网站随着时间的推移变得越来越混乱。
   \n

\n
3. 没有任何表现。如果有的话，使用类名而不是标签可能会更好。您提出的解决方案几乎是教科书建议如何通过 Google 提高您的网站速度。
\n

\n\n