1

私はコードスクールをやっているところですが、彼らは私にこう言いました：

申し訳ありませんが、TRY AGAIN 変換は、ブラウザのプレフィックス スタイルの後に最後に定義する必要があります。

ここに私のコードがあります：

img:hover {
  -webkit-transform: translate(10px,20px);
  -o-transform: translate(10px,20px);
    transform: translate(10px,20px);
  -moz-transform: translate(10px,20px);
}

いつものようにコードをいじってみると、次のコード行は必要ないことがわかりました。

  transform: translate(10px,20px);

まったく！すべてがそれなしで機能しています！次に、これらすべてのものを削除しようとしました

   -webkit-transform: translate(10px,20px);
  -o-transform: translate(10px,20px);
  -moz-transform: translate(10px,20px);

そして去る

    transform: translate(10px,20px);

それだけ。驚いた！うまくいきません！だからここに私の最初の質問があります：

まったく機能しないのに、なぜ line transform: translate(10px,20px);withoutを定義しなけれ-o-/-webkit-/-moz- ばならないのですか?

そして2番目より: なぜcodeschoolはそれを言うのか

申し訳ありませんが、TRY AGAIN 変換は、ブラウザのプレフィックス スタイルの後に最後に定義する必要があります。

なんで？

4

2 に答える 2

-1

-o-/-moz- などは、ネイティブ プロパティをサポートしていないが、独自の実装を持つブラウザーを許可するためのブラウザー固有の宣言です。

接頭辞なしの通常のプロパティを常に持つ必要があります。プレフィックスは、プロパティを適用するブラウザーの範囲を拡張するためだけのものです。

プロパティの特定の順序はページ出力には影響しませんが、バリデータの厳密度によっては、接頭辞のないプロパティが最後に書き込まれない限り有効ではないことがわかる場合があります。

于 2013-07-02T13:58:38.633 に答える