css - 为什么把非前缀的 css3 属性放在最后？

Question

When using vendor prefixes, it’s important to keep in mind the order in which you list rules in your declarations.

我已经知道供应商前缀的工作原理以及为什么需要供应商前缀，但为什么要先列出供应商前缀属性，最后列出无前缀的 CSS3 属性？我还检查了很多重要的网站，他们都在使用这种方法:

.foo { 
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; //why this is the last one?
  }

就是这样，为什么要把实际的 CSS3 属性放在最后？有什么特别的原因吗？

Answer 1

作为最后的 W3C 专有，新版本的浏览器使用此版本而不是供应商版本。通过这种方式，您的 CSS 将被视为没有供应商前缀的普通 CSS。

通过这种方式，如果浏览器支持，新浏览器将使用 W3C 版本，更新到最新规范。