gpt4 book ai didi

css - 少样式表语言 : prevent parentheses from being omitted in compiled CSS

转载 作者:技术小花猫 更新时间:2023-10-29 11:18:22 25 4
gpt4 key购买 nike

我在使用 {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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com