javascript - 无法在对jQueryLite的CSS调用中设置重复属性

如何在对jQueryLite的单个CSS调用中设置重复属性？在角度上，我想对SVG图像执行以下操作：

element.css({'transform': "rotate("+rot*360+"deg)",'transform': "scale("+scl+")"});

这将设置SVG图像的旋转度和比例。但是，结果是最后一个“ transform”属性会覆盖之前的所有属性。即，我可以设置比例或旋转度，但不能同时设置两者。

在此示例中，预期的CSS如下所示：

transform: rotate(360deg); transform: scale(1)

最佳答案

这与JavaScript或jQueryLite无关-在样式表中，同一属性的多个声明也会相互覆盖。

指定多个转换的正确语法是

transform: rotate(360deg) scale(1)

关于javascript - 无法在对jQueryLite的CSS调用中设置重复属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36533045/