特定于供应商的 CSS 声明的顺序重要吗？

订购特定于供应商的 CSS 声明的重要性

问题：

使用特定于供应商的前缀编写 CSS 声明时，这些声明的顺序重要吗？具体来说，W3C 标准声明应该放在最前面还是最后？

答案：

最佳实践规定，无前缀的 W3C 标准声明应放在列表的最后：

.foo {
    -moz-border-radius: 10px;    /* Mozilla */
    -webkit-border-radius: 10px; /* Webkit */
    border-radius: 10px;         /* W3C */
}

基本原理：

供应商特定声明的顺序至关重要，因为浏览器按照列出的顺序应用 CSS 规则。例如，如果将 W3C 声明放在第一位，它将被浏览器特定的声明覆盖。

-webkit-border-radius 属性被视为实验性的，允许与规范存在偏差。另一方面，border-radius 属性应严格遵守规范。

通过将无前缀的 W3C 声明放在最后，您可以确保：

• 它优先于供应商- 尽可能进行特定声明。
• 保持浏览器一致性，确保属性在支持它的浏览器中行为一致。

以上是特定于供应商的 CSS 声明的顺序重要吗？的详细内容。更多信息请关注PHP中文网其他相关文章！