0

CSS3クロスブラウザのこの優先順位の背後にある心は何ですか?

例えば：

.box_scale {
  -webkit-transform: scale(0.8);  /* Chrome, Safari 3.1+ */
     -moz-transform: scale(0.8);  /* Firefox 3.5+ */
      -ms-transform: scale(0.8);  /* IE 9 */
       -o-transform: scale(0.8);  /* Opera 10.50-12.00 */
          transform: scale(0.8);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

1 番目は-webkit-、2 番目は-moz-、3 番目は 4 番目で、最後に接頭辞-ms-はありません。-o-この優先順位のポイントは何ですか? または、これはどちらが最初であるかは問題ではありませんか？

4

3 に答える 3

4

-webkit-最長 ( ) で始まり、最短 ( ) で終わるプロパティ名の逆階段と-o-、コロンと値が並ぶように宣言をインデントすることでサポートされている接頭辞のないプロパティを確認できます。

それ以外には、接頭辞の順序に実際的な意味はありません — 接頭辞の順序は好きなように組み合わせて一致させることができますが、例外が 1 つあります。ブラウザーは、プレフィックス付きのバージョンよりもそれを使用することを選択して、そのプロパティに対して最も標準に準拠した動作を取得できるようにします。

于 2013-10-30T11:38:24.873 に答える
0

セレクターは特定のブラウザーを対象としているため、順序は関係ありません。ほとんどの人は、タブなしで書くより見栄えが良いという理由だけで、この方法を選択しました。

于 2013-10-30T11:38:47.667 に答える