CSS樣式屬性留空

Question

當像transform CSS屬性爲空會發生什麼情況，即

element.style.transform = ""; 

檢查這個fiddle- https://jsfiddle.net/e85odhjf/

在JavaScript部分，我離開了left.style。 transform（）函數（由onmouseout控制）中的transform =「」，因此它將形狀恢復爲原始形式。

Answer 1

當您清除一個樣式屬性的聲明，要卸下declared value：

每個屬性聲明applied to an element獻出 聲明價值爲關聯的元素該屬性。有關詳細信息，請參見Filtering Declarations。

而且，這是一個申報價格高specificity：

每個聲明具有相同的特異性，因爲它出現在 樣式規則對於這一步的目的，聲明不屬於 風格規則（例如contents of a style attribute）是 被認爲具有比任何選擇器更高的特異性。具有最高特異性的 聲明獲勝。

因此，很可能你刪除的值分別在cascaded value：

的級聯值代表the cascade結果：它是 獲勝級聯（該declared value首先在整理 output of the cascade）。

在這種情況下，所有的cascaded，specified，computed和used值可能改變。

如果沒有其他的申報價格，級聯的輸出是一個空的列表，並且不會有級聯值。然後指定的值將是defaulting processes的結果。

在你的情況下，由於transform沒有繼承財產，將用於其初始值。那就是，transform: none。這將「恢復原形」。