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

效率与此无关.

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

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

您应该以最易理解的方式编写CSS,然后在生成时生成缩小版本.