4

随着最近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 }

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

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

这是一种不好的做法，还是仅仅是虚惊一场？

4

2 回答 2

1

无论哪种方式，都会为所有h1s 和所有s计算样式。p与实际计算和渲染样式的同等可忽略的性能“影响”相比，选择器匹配的开销很小。

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

于 2011-06-17T08:56:12.440 回答
0

从他们的文档中-

标题元素应该在整个站点中具有一致的外观。

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

于 2011-06-16T20:09:11.243 回答