Простой способ объединить три класса CSS для -moz, -webkit и обычного?

Question

Это становится действительно раздражающим, особенно когда я использую эти техники так же, как и я, не только добавляя их, но затем меняя их даже малейшим образом, потому что я должен делать это три раза, а не один раз.

Пример:

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

Должен быть какой-то способ сделать это только один раз, плагин или что-то в этом роде.

Answer 1

Да, есть плагин с именем без префикса

Проверьте это http://leaverou.github.com/prefixfree/

Answer 2

Используйте препроцессор CSS, например SASS .Возможность миксина позволяет что-то вроде этого:

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

Тогда вы можете просто ссылаться на миксин так:

Answer 3

вы можете использовать меньше

или используйте sass

а я предпочитаю Меньше, потому что это проще и проще