如果编写CSS使调用属性而不是选择器的数量最小化,会不会有性能差异?

如果编写CSS使调用属性而不是选择器的数量最小化,会不会有性能差异?,css,performance,load,stylesheet,minify,Css,Performance,Load,Stylesheet,Minify,澄清: 现在,最有可能是由于可读性,CSS的编写有点像这样: element { text-decoration: underline; } #selector { font-size: 50px; color: red; text-decoration: underline; } .selector-two { color: red; } 在本例中,属性被指定给选择器,以赋予它们特定的样式。此外,某些属性会多次指定给不同的选择器。如果这样写,样式表

澄清:

现在,最有可能是由于可读性,CSS的编写有点像这样:

element {
    text-decoration: underline;
}

#selector {
    font-size: 50px;
    color: red;
    text-decoration: underline;
}

.selector-two {
    color: red;
}
在本例中,属性被指定给选择器,以赋予它们特定的样式。此外,某些属性会多次指定给不同的选择器。如果这样写,样式表的性能或大小是否会有差异:

element, #selector { text-decoration: underline; }
#selector, .selector-two { color: red; }
#selector { font-size: 50px; }

当然,在CSS中很难看到哪些样式应用于某些元素,但是如果您可以缩小CSS代码,使其看起来像这样,会有什么好处呢?

CSS速度优化完全是浪费时间

浏览器可以不可思议地快速解析这些东西


您最好专注于减少辅助资料的文件大小,即图像、css文件、html、javascript等。

几乎任何形式的css性能重构都是过早的优化。浏览器引擎使用CSS选择器的速度非常快。写任何对你来说可读性和可维护性最好的东西。我同意性能的提高是最小的,但这基本上是可以做到的。最好花时间优化CSS的结构。应用(而不是解析)某些结构要比其他结构耗时得多。关于这一点,网上有很多讨论。