CSS - 在同一个选择器上设置样式之前覆盖属性是一种好习惯吗？

Question

我一直想问这个问题一段时间，例如当覆盖默认的hr外观时，最好这样做：

hr {
  border: none;
  border-top: 1px dashed #000;
}

或者这个：

hr {
  border-top: 1px dashed #000;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

Answer 1

你的第一个例子：

hr {
  border: none;
  border-top: 1px dashed #000;
}

相当于：

hr {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-top: 1px dashed #000;
}

（http://www.w3.org/TR/CSS2/box.html#propdef-border）

所以，可能有人认为你将规则应用于同一财产两次，但这并不值得关注。

Answer 2

两个例子都没有错，但第一个例子的代码较少，所以我更喜欢第一个。