css声明效率

时间:2009-10-06 16:44:26

标签: css

将CSS代码分成多个声明是否会给用户带来更多开销?

我见过一些像这样组织的.css文件:

/* Font Styles */
#text{ font-size: 12px; color: white;}
.highlight{ color: red}
/* END */

/* Div Positioning */
#text{ position: absolute;}
/* END */

这会导致任何潜在的低效率吗?我知道这种规模的东西没有明显的效果,但是在大量的样式表上怎么样?

3 个答案:

答案 0 :(得分:3)

常识说你拥有的规则越多,开销就越多。然而,CSS解析通常非常快,所以除非你的样式表真的很大,否则我不会担心它。

答案 1 :(得分:0)

它可以,但只有你有成千上万的选择器。阅读这篇文章了解更多信息: http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/

答案 2 :(得分:0)

我认为理论上答案必须是肯定的。

浏览器必须解析新规则,它必须在DOM中再次查找#text元素,并且必须执行任何新的布局/渲染计算。

虽然正如您所指出的那样,在开始优化之前,请等到这是一个问题。