ベンダー固有および W3C CSS 宣言を注文するにはどうすればよいですか?

ベンダー固有の CSS 宣言の順序

ベンダー固有の CSS 宣言を使用する場合、その順序を考慮する必要があります。 -webkit- および -moz- プレフィックスはアプリケーションの順序に影響を与えないことが知られていますが、W3C 標準バージョンとベンダー固有のバージョンを注文するためのベスト プラクティスについて疑問が生じます。

推奨されるアプローチは、プレフィックスのない W3C 標準プロパティを宣言ブロックの最後に配置することです。

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

これにより、次のことが保証されます。ブラウザは W3C 標準実装の使用を優先します。

これが推奨される理由は何ですか?まず、-webkit-border-radius プレフィックスは、仕様から逸脱する可能性のある実験的なプロパティを示しています。比較すると、border-radius は仕様に厳密に従う必要があります。

W3C 実装を最後に配置することで、W3C 実装をサポートするブラウザーがそれを使用し、ブラウザー間の一貫性が促進されます。このアプローチは、CSS が進化し、標準に対するブラウザのサポートが増加するにつれて、将来性のあるソリューションを提供します。

以上がベンダー固有および W3C CSS 宣言を注文するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。