CSS - 哪些代码渲染速度更快，效率更高？

Question

我想知道以下哪些代码渲染速度更快，效率更高：

这 -

body{background:#ddd;font-family:verdana;font-size:12px;color:#808080;}
a{color:#808080;outline:0;text-decoration:none;}
input{margin:0;padding:0;font-family:verdana;color:#808080;}
ul{padding:0;margin:0;}

或者这个 -

body,input{font-family:verdana}
body,input,a{color:#808080;}
body{background:#ddd;;font-size:12px;}
a{outline:0;text-decoration:none;}
input,ul{margin:0;padding:0;}

Answer 1

效率与此无关。

选择更容易阅读/理解/维护的内容，这显然是第一个片段。

然而，第二个片段看起来像是minified，这是一件好事，因为它减少了CSS的传输大小 - 它不会提高“渲染速度”。

你应该用最容易理解的方式编写你的CSS，然后在你把它生效时生成一个缩小的版本。

Answer 2

我从未见过CSS的任何性能问题，除了一件事。在某些情况下使用*时，您的JavaScript可能变得非常慢。