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。这将“恢复原形”。