我在使用 {less} 时遇到了使用括号的问题。我为 CSS3 转换属性编写了一个 mixin。我不知道如何在编译后的 CSS 中添加括号。 Less 将括号视为一种运算并省略它们。
原始 CSS:
.plus {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg); }
少了我写的mixin:
.transform (@action, @value){
-webkit-transform: @action(@value);
-moz-transform: @action(@value);
-o-transform: @action(@value); }
编译后的 CSS:
.plus {
-webkit-transform: rotate 45deg;
-moz-transform: rotate 45deg;
-o-transform: rotate 45deg; }
最佳答案
您可以只将它保留为一个值,并在调用它时传入任何您需要的值。
.transform(@value) {
-webkit-transform: @arguments;
-moz-transform: @arguments;
transform: @arguments;
}
.plus {
.transform(rotate(45deg));
.transform(scale(1.5, 2.0));
}
编译为
.plus {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: scale(1.5, 2);
-moz-transform: scale(1.5, 2);
transform: scale(1.5, 2);
}
关于css - 少样式表语言 : prevent parentheses from being omitted in compiled CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16290372/