CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了样式表语言较少:防止在编译的CSS中省略括号大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用{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中省略括号全部内容,希望文章能够帮你解决样式表语言较少:防止在编译的CSS中省略括号所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。