重复的标题选择器

Question

随着最近http://csslint.net的发布，我在质疑我过去构建样式表的一些方法。以下方法是我最近使用过的方法：

/* Fonts */    
h1 { font-size:20px }
p  { font-size:12px }

/* Colors */
h1 { color:green }
p  { color:grey;
     background-color:white }

/* Margins */
h1 { margin:0 }
p  { margin:0 0 5px }

根据短信，问题在于我一遍又一遍地重新声明标题选择器。当然，原因在于保持规则类型之间的逻辑分离。如果我想改变颜色，我会访问颜色区域。如果我想改变尺寸，我会访问尺寸区域。

CSSLint是否担心我可能会覆盖样式，从而浪费字符，或者是否存在与标题元素整体呈现有多少块相关的性能问题？

这是一种不好的做法，还是仅仅是一种误报？

Answer 1

为所有h1和所有p计算样式。选择器匹配的开销与实际计算和呈现样式的同样可忽略的性能“影响”相比很少。

我猜你认为CSS Lint担心的是这种情况。事实上，我有点像你自己组织你的风格，除了意外覆盖声明之外没有看到任何其他问题。

Answer 2

从他们的文档 -

  

标题元素应在网站上具有一致的外观。

我认为这更多地与可用性/一致性而非性能有关。一页上大小为20px，另一页上大小为14px的标题看起来不专业。