ベンダー固有の CSS 宣言の順序は重要ですか?

ベンダー固有の CSS 宣言を順序付けることの重要性

質問:

ベンダー固有のプレフィックスを使用して CSS 宣言を記述する場合、これらの宣言の順序は重要ですか?具体的には、W3C 標準宣言は最初に置くべきですか、それとも最後に置くべきですか?

答え:

ベスト プラクティスでは、接頭辞のない W3C 標準宣言をファイルの最後に置く必要があります。 list:

.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 中国語 Web サイトの他の関連記事を参照してください。