为什么mozilla和webkit将-moz-和-webkit-加入CSS3规则？

Question

CSS3规则带来了许多有趣的功能.

以边界半径为例.标准说如果你写这个规则:

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验证不会验证这些规则.

与此同时,我没有看到任何明显的优势.

我相信mozilla和webkit背后的人比我更聪明.必须有一些很好的理由让事情以这种方式结构化.只是我看不到它们.

所以,我必须问你们:这是为什么？

Answer 1

该-moz-border-radius描述Mozilla的语义.如果CSS3以不同的语义发布,那么Mozilla总是可以border-radius使用这些语义来实现,并且它们不会破坏任何人的网站.

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