webkit - 为什么 mozilla 和 webkit 将 -moz- 和 -webkit- 添加到 CSS3 规则之前？

Question

CSS3 规则带来了许多有趣的特性。

取border-radius ， 例如。该标准规定，如果您编写此规则:

div.rounded-corners {
  border-radius: 5px;
}

我应该得到一个 5px 的边框半径。

但是 mozilla 和 webkit 都没有实现这个。然而，它们实现了相同的东西，具有相同的参数，但名称不同(分别为 -moz-border-radius 和 -webkit-border-radius)。

为了满足尽可能多的浏览器，你会得到这样的结果:

div.rounded-corners {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

我可以看到两个明显的缺点:

• 复制粘贴代码。这有明显的风险，我不会在这里讨论。
• W3C CSS validator不会验证这些规则。

同时，我没有看到任何明显的优势。

我相信 mozilla 和 webkit 背后的人比我更聪明。以这种方式构建事物一定有一些充分的理由。只是我看不到它们。

所以，我必须问你们这些人:这是为什么？

Answer 1

-moz-border-radius 描述了 Mozilla 的语义。如果 CSS3 以不同的语义发布，那么 Mozilla 始终可以使用那些语义实现border-radius，它们不会破坏任何人的网站。

同时，如果他们只是直接使用 border-radius，那么如果 CSS3 以不同的语义发布，Mozilla 必须在破坏人们的网站或永远支持非标准 CSS 之间做出选择。