Css 将浏览器选择器与较少的

是否可以将-webkit、-moz、-o和-ms选择器组合成一个具有更少内存的选择器

我试过了

.transition(@t @d) {
    transition:@t @d;
    -webkit-transition:@t @d;
    -moz-transition:@t @d;
}

但是它破坏了css文件

我想能打字

.过渡期（过渡期）

---

并将其应用于所有选择器。

您可以尝试在参数之间加一个逗号

.transition(@t, @d) {
    -moz-transition: @t @d @e;
    -webkit-transition: @t @d @e;
    transition: @t @d @e;
}

您还可以为ease添加另一个参数，并为参数添加一些默认值，如下所示：

.transition(@t: all, @d: 1s, @e: linear) {
    -moz-transition: @t @d @e;
    -webkit-transition: @t @d @e;
    -o-transition: @t @d @e;
    -ms-transition: @t @d @e;
    transition: @t @d @e;
}

我希望这是你想要的。我还将对供应商前缀属性进行重新排序，将非前缀属性放在末尾，例如，您还可以添加

o

an

ms

，如上所示

比如说更少：

.test {
    .transition(all, 0.5s, ease-in);
}

.test {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

将返回CSS:

.test {
    .transition(all, 0.5s, ease-in);
}

.test {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

---

你可以试着在参数之间加个逗号

.transition(@t, @d) {
    -moz-transition: @t @d @e;
    -webkit-transition: @t @d @e;
    transition: @t @d @e;
}

您还可以为ease添加另一个参数，并为参数添加一些默认值，如下所示：

.transition(@t: all, @d: 1s, @e: linear) {
    -moz-transition: @t @d @e;
    -webkit-transition: @t @d @e;
    -o-transition: @t @d @e;
    -ms-transition: @t @d @e;
    transition: @t @d @e;
}

我希望这是你想要的。我还将对供应商前缀属性进行重新排序，将非前缀属性放在末尾，例如，您还可以添加

o

an

ms

，如上所示

比如说更少：

.test {
    .transition(all, 0.5s, ease-in);
}

.test {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

将返回CSS:

.test {
    .transition(all, 0.5s, ease-in);
}

.test {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}