css声明效率

Question

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

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

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

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

这会导致任何潜在的低效率吗？我知道这种规模的东西不会有明显的效果，但是在大量样式表上呢？

Answer 1

常识告诉我们，规则越多，开销就越大。然而，CSS 解析通常非常快，所以除非您的样式表真的非常庞大，否则我不会担心它。