html - 为什么标准规则必须是最后？

Question

我们使用这样的 css 规则...

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;  /* this must be at last ? */

为什么一开始我不应该这样使用它...

border-radius: 8px; /* why not to use at first ? */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;

更新

任何人都可以向我展示一开始使用它时发生错误的示例吗？

Answer 1

想法是，一旦规则被标准化，就会否决其他样式。由于标准规则位于底部，如果浏览器知道如何使用，将使用它而不是供应商特定规则。这允许标准化，同时仍然支持当前的实现。

在您的第二个示例中，如果浏览器同时支持供应商特定规则，则供应商特定规则将覆盖标准化规则。供应商特定的实现可能会偏离规范，最好在规范最终确定后采用统一规范，以便更轻松地进行跨浏览器更改。