CSS样式属性留空

CSS style attribute left blank

本文关键字：属性 样式 CSS      更新时间：2023-09-26

当像transform这样的CSS属性为空时会发生什么，即

element.style.transform = "";

检查一下这把小提琴-https://jsfiddle.net/e85odhjf/

在javascript部分，我在back（）函数中留下了left.style.transform="（由onmouseout控制），因此它将形状恢复到原始形式。

当您从样式属性中清除声明时，您将删除一个声明的值：

应用于元素的每个属性声明都会贡献与元素关联的属性的声明值。有关详细信息，请参阅筛选声明。

此外，这是一个具有高度特异性的声明值：

每个声明与它所显示的样式规则具有相同的特殊性中。为此步骤的目的，不属于样式规则（例如样式属性的内容）是被认为具有比任何选择器都高的特异性。这个具有最高具体性的声明获胜。

因此，您要删除的值很可能是级联值：

级联值表示级联的结果：赢得级联的声明值（在级联的输出）。

在这种情况下，所有级联、指定、计算和使用的值都可能发生变化。

如果没有其他声明的值，级联的输出将是一个空列表，并且不会有级联的值。然后指定的值将是默认进程的结果。

在您的情况下，由于transform不是继承的属性，因此将使用其初始值。即transform: none。这将"使形状恢复到原来的形状"。

相关文章：