css - 标题只能定义一次

Question

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

h4 {
    color: red;
}

.archive h4 {
    color: green;
}

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

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

h4 {
    color: red;
}

.archive-header {
    color: green;
}

当我这样做时，为什么 csslint 会对此发出警告？是否有性能问题？

score 2 · Accepted Answer

为了解决它，当然......你的解决方案应该可以正常工作。
CSS Lint 对此提出警告，因为您不应该以不同的方式设置相同的标题。这是一篇更多关于该主题的文章的摘录：
在设计标题（或任何东西）时，我们希望实现三个大目标：
1. 干燥——不要重复自己。我们希望设置标题一次，并且从不（好吧，很少！）重复那些字体样式或选择器。这将使我们的网站更易于维护。
2. 可预测——无论放在页面的哪个位置，标题都应该看起来相同。这将使创建新页面和内容更容易。
3. 保持低特异性和尽可能简单的选择器。这将有助于提高性能，并防止网站随着时间的推移变得越来越复杂。
没有性能命中。如果有的话，使用类名而不是标签可能会更好。您提出的解决方案几乎是关于如何让您的网站通过 Google 更快的教科书推荐。

1 回答 1