是否有正确的命令来声明边框宽度和边框样式？

Question

我正在浏览border-widthw3schools 的页面,它说:

注意:始终在border-width属性之前声明border-style属性.在设置宽度之前,元素必须具有边框.

我试图找到一个参考证实了这一说法.似乎在宣布工作border-width之前border-style就好了.

.demo {
  width: 100px;
  height: 100px;
  margin: 10px auto;
}
.ten-red-solid {
  border-width: 10px;
  border-color: red;
  border-style: solid;
}
.red {
  border-color: red;
}
.ten {
  border-width: 10px;
}
.solid {
  border-style: solid;
}

<div class="ten-red-solid demo"></div>
<div class="ten red solid demo"></div>

Answer 1

事实并非如此.

W3Schools不是官方文档来源,因此不应过于重视任何建议.

W3Schools针对学习,测试和培训进行了优化.可以简化示例以改进阅读和基本理解.我们会不断检查教程,参考资料和示例以避免错误,但我们无法保证所有内容的完整正确性.

浏览器在加载所有样式后对其进行评估,而不管它们的声明顺序如何.

为清楚起见,以下两种风格相同:

div{
   border-width:2px;
   border-style:solid;
   border-color:#000;
}

div{
   border-style:solid;
   border-width:2px;
   border-color:#000;
}