css - 在 CSS 中覆盖样式不好吗？

Question

有时我们会尝试用尽可能少的行来编写 CSS 样式表。

让我们看这个例子:

注意:以前的borders 都是width:1px, border-style:solid 和边框颜色:#000

---

场景: 我们要改变:

• 宽度:R、L 和 B 到 0px
• border-color 为:T to #ddd

---

使用的代码:

border:0 solid #ddd;
border-top-width:1px;

---

上面的代码做了什么不必要的事情？:

• 更改 R、L 和 B 的 border-color(3 个 Action )
• 更改宽度:T(1 个 Action )

---

这是包含 0 个不必要操作的代码:

border-right-width:0;
border-bottom-width:0;
border-left-width:0;
border-top-color:#ddd;

问题是:我们是否应该为了更少的代码/可读性而牺牲效率？

Answer 1

如果有的话，效率损失将无法衡量。

编写可读性好的代码总是更好。

最后，您的第一个示例的文件大小更小，因此下载 CSS 更快。