瀏覽器CSS的子atributes匹配

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

official W3C draft很粗略，你不會得到一個很好的「官方」答案。瀏覽器基本上會嘗試根據規格順序解析每個值，跳過那些與animation屬性中的對應值不匹配的子屬性;所以它首先看到的是，第一值是有效的animation-name，則第二是一個有效的animation-duration，並繼續，直到它到達值2，這是不爲animation-delay有效的值，所以它跳過animation-delay並檢查如果它是有效的animation-iteration-count，它是。