CSS-哪种代码渲染速度更快、效率更高？

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

这个-

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;}

---

除了一件事，我从来没有见过CSS有任何性能问题。当您在某些情况下使用

*

时，您的JavaScript可能会变得非常慢。

效率与此无关

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

然而，第二个片段看起来像是这样，这是一件好事，因为它减少了CSS的传输大小，但并没有提高“渲染速度”

---

您应该以最容易理解的方式编写CSS，然后在实际使用时生成一个简化版本。

渲染效率与此无关吗？看看这个网站：他们说代码2可能会渲染得更快——为什么？因为它的选择器较少，所以缩小代码可能更好，因为渲染速度取决于浏览器速度和计算机速度。结论是哪种方法更好取决于四个因素：计算机速度、浏览器速度和互联网连接（这与程序员无关，但最重要的是它取决于css元素的数量，对吗？我没有任何数字（我只是不太关心基准测试），但这与这里无关，因为差异（对于平均大小的页面）可能不到一毫秒。更重要的是编写。因此请记住选择器效率并缩小CSS（只是为了减少传输大小）。99%的网站在CSS“性能”方面不需要更多。