css - ブラウザがcssサブ属性とどのように一致するか

Question

文書化されているように、CSS3でアニメーションを次のように定義できます

.class1{
    animation: name duration timing-function delay iteration-count direction play-state
}

名前、期間、タイミング関数など、遅延以外のすべての属性に値を指定したかどうかを知りたいのですが、遅延プロパティをスキップしたことをブラウザがどのように理解するかを知りたいです。

次に、アニメーションプロパティに対応するすべての値を指定した場合、属性と値に1：1で一致しますが、たとえば中間属性をスキップしたい場合

.class1 {
    animation: anim 2s cubic-bezier(0 0 1 1) 2 alternate running
}

ここではスキップしました。delayブラウザは、属性をスキップしたが他の属性はスキップしていないことをどのように認識しますかdelay。

Answer 1

公式のW3Cドラフトは非常に大雑把であり、適切な「公式」の回答は得られません。基本的に、ブラウザは仕様の順序に従って各値を解析しようとし、プロパティの対応する値と一致しないサブプロパティをスキップしanimationます。したがって、最初に最初の値が有効であることを確認しanimation-name、次に2番目の値が有効であることを確認し、の有効な値ではないanimation-duration値に達するまで続行するため、スキップして、有効な値であるかどうかを確認します。です。2animation-delayanimation-delayanimation-iteration-count