2

border除了底部之外，在容器的所有侧面实现 a 的最佳 CSS 实践是什么？

该border属性不能为每一侧指定不同的值。

选项 1：覆盖规则

border: 1px solid red;
border-bottom: none;
  • 似乎需要额外的计算——与 CSS 重置类似的缺点（至少在哲学上）。

选项 2：设置特定规则

border-top: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;
  • 可能更正确（就 CSS“语义”而言）
  • 但是，如果您想更改边界细节，则需要进行多次更改（更难管理）。
4

2 回答 2

1

实际上这完全取决于你，什么对你更方便，它也取决于一些状态，比如如果我希望color所有边框都相同，我会选择第一个，但如果我认为我需要改变每一边的颜色在不久的将来我会选择第二个边界，但现在，我会坚持第一个选项

原因：

  • 需要说明的 CSS 更少
  • border-bottom具体来说，它表明我想要none
  • property: value正如你所说，如果我需要任何更改，我不需要更改每一个

如果您说正确的语义，则正确的语义非常具体地定义为

border-color: /*Whatever*/;
border-width: /*Whatever*/;
border-style: /*Whatever*/;

现在确定您不想变得如此具体

于 2012-11-25T18:33:13.583 回答
0

如果您只想指定一次值，则可以为所有指定颜色和宽度，然后为边指定样式：

border-color: red;
border-width: 1px;
border-style: solid solid none solid;
于 2012-11-25T18:42:21.097 回答