爲-moz，-webkit和常規組合三個CSS類的簡單方法？

它變得非常煩人，尤其是當我使用這些技術時，不僅要添加這些技術，而且要稍微改變它們，因爲我必須做三次而不是一次。爲-moz，-webkit和常規組合三個CSS類的簡單方法？

例子：

-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius:5px;

必須有某種方式只這樣做一次，一個插件什麼的。

來源

2012-03-10 Dylan Cross

如何[jQuery插件（http://stackoverflow.com/questions/9142690/jquery-plugin-for-cross -browser-css-compatibility）（對於本質上是獨立的腳本）？ – BoltClock 2012-03-10 04:27:05

使用CSS預處理器，如SASS。該混入能力允許這樣的事情：

@mixin border-radius($radius) { 
    -webkit-border-radius: $radius; 
    -moz-border-radius: $radius; 
    border-radius: $radius; 
}

然後，你可以參考混入這樣的：

@include border-radius(5px);

來源

2012-03-10 04:27:53 kingjeffrey

或使用[Compass]（http://compass-style.org/）。它包含了大量[CSS3]（http://compass-style.org/reference/compass/css3/）混合內容，包括['border-radius']（http://compass-style.org/reference /指南針/ CSS3/border_radius /）。 – bookcasey 2012-03-10 05:01:37