如何使用多个CSS属性？

例如：

-webkit-transform: scaleX(-1) scaleY(-1)

我可以轻松地删除的scaleX（-1）或添加新的东西，而无需重写整个-webkit-变换或改变类？

来源

2011-03-11 Daniel J F

你在这里问？您可以很容易地添加/删除引用您想要的jQuery声明的类。 – RyanP13 2011-03-11 15:53:16

@ RyanP13假设我需要在4个甚至更多不同的状态之间进行切换，并且每个状态对于不同的浏览器都有几个属性（-webkit-transform，filter等）。我想减少代码的数量，并找到更优雅的方式来做到这一点。 – 2011-03-11 16:18:10

该css属性需要两个参数。因此，如果不碰另一个，就不能改变它。但是，这应该是所有你需要做的：

$("#your-element").css("-webkit-transform","scaleX(-1) scaleY(-1)");

编辑

function changeTransform(el, x,y){ 
    var val = x + " " + y; 
    $(el).css({"-webkit-transform":val, "-moz-transform": val, "-webkit-transform": val, "-o-transform": val}); 
    }

来源

2011-03-11 16:05:15 picardo

假设我有'-moz-transform：scaleX（-1）; -webkit-transform：scaleX（-1）; -o-transform：scaleX（-1）; -transform：scaleX（-1）;'我想添加'scaleY（-1）'，然后删除'scaleX（-1）'，这意味着我必须为每个动作编写一个类并在那里是没有办法？ – 2011-03-11 16:23:46

您可以定义一个函数，在其中编写所有这些属性，然后在需要时使用新参数调用它。 – picardo 2011-03-11 17:13:31

所以，不可能直接处理争论。我知道了。我会考虑使用一个函数。谢谢。 – 2011-03-11 17:36:02

如何使用多个CSS属性？

回答

相关问题