css - 如果编写 CSS 以最小化调用属性而不是选择器的数量，是否会有性能差异？

Question

澄清：

现在，很可能是因为可读性，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 代码以使其看起来有什么好处吗？

Answer 1

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

浏览器可以非常快地解析这些东西。

你最好专注于减少你的附属文件的大小，即你的图片、css文件、html、javascript等。