将CSS代码分成多个声明是否会给用户带来更多开销?
我见过一些像这样组织的.css文件:
/* Font Styles */
#text{ font-size: 12px; color: white;}
.highlight{ color: red}
/* END */
/* Div Positioning */
#text{ position: absolute;}
/* END */
这会导致任何潜在的低效率吗?我知道这种规模的东西没有明显的效果,但是在大量的样式表上怎么样?
答案 0 :(得分:3)
常识说你拥有的规则越多,开销就越多。然而,CSS解析通常非常快,所以除非你的样式表真的很大,否则我不会担心它。
答案 1 :(得分:0)
它可以,但只有你有成千上万的选择器。阅读这篇文章了解更多信息: http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/
答案 2 :(得分:0)
我认为理论上答案必须是肯定的。
浏览器必须解析新规则,它必须在DOM中再次查找#text元素,并且必须执行任何新的布局/渲染计算。
虽然正如您所指出的那样,在开始优化之前,请等到这是一个问题。