如何使用多個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屬性？

回答

相關問題