有时我们尝试用尽可能少的行编写CSS样式表。覆盖CSS中的样式不好吗?
让我们看看这个例子:
注:此前borders
所有width:1px
,border-style:solid
和border-color:#000
情景: 我们希望改变:
- 的
width
:R,L和B0px
- 的
border-color
:吨至#ddd
代码中使用:
border:0 solid #ddd;
border-top-width:1px;
什么做的上面的代码做了不必要的事情吗?:
- 改变的
border-color
:R,L和B(3个动作) - 改变的
width
:T(1个动作)
这里是0不必要的代码动作:
border-right-width:0;
border-bottom-width:0;
border-left-width:0;
border-top-color:#ddd;
问题是:我们应该牺牲代码/可读性较低的效率吗?
好吧,要成为CSS,效率并不是什么大问题:下载CSS文件需要更多的时间(除非您使用Internet Explorer) – JCOC611 2011-12-18 21:41:29
您是否测量过任何性能差异? – greg0ire 2011-12-18 21:42:18
@ greg0ire,我没有,我不知道如何测试 – ajax333221 2011-12-18 21:45:47