css声明效率

将CSS代码分离为多个声明会为用户带来更多开销吗？css声明效率

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

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

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

莫非这会引起其他潜在的低效率？我知道这个规模的东西没有什么明显的效果，但是在大规模的样式表上呢？

来源

2009-10-06 Derleek

常识说，你有更多的规则，会有更多的开销。但是，CSS解析通常是相当快的，所以我不会担心它，除非你的样式表真的是巨大的。

来源

2009-10-06 16:47:36 slikts

另外你还应该考虑的是CSS和HTML的大小 - 如果你为每个小东西创建了CSS选择器，然后用它来撒上你的HTML，下载的大小就会增加，用户将会稍微等一下查看网站的时间更长 - 将其添加到解析CSS的可能很小的开销，你可以得到一些值得优化的东西。 – 2009-10-06 16:56:01

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

来源

2009-10-06 16:46:50

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

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

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

来源

2009-10-06 16:47:45

回答

相关问题