在同一元素上复制缩放CSS属性会在Chrome中将缩放重置为1

Question

以下是我遇到的问题的简化版本（错误？）：

http://jsfiddle.net/LxkA2/8/

注意第三个元素和相关样式：

.zoom-twice-same {
    zoom: 2;
}
.zoom-twice-same {
    zoom: 2;
}

在Chrome中，此将该元素的缩放重置为1。同样的事情发生在：

.zoom-twice-same, .zoom-twice-same {
    zoom: 2;
}

然而，

.zoom-twice-same {
    zoom: 2;
}
.zoom-twice-same {
    zoom: 3;
}

按预期工作（要素2）。

此外，

.zoom-twice-same {
    zoom: 2.000001;
}

.zoom-twice-same {
    zoom: 2;
}

按预期工作。使用zoom: 2.0000001和2不会。

这是一个错误还是有这种行为的原因？

Answer 1

我检查了你的JSFiddle并注意到你重复了两次以下的CSS：

.zoom-twice-same {
    zoom: 2;
}

当我删除第二个.zoom-twice-same时，问题没有重现，因为您会看到here。