Css 减:将变量传递到函数中
这项工作:Css 减:将变量传递到函数中,css,less,css-preprocessor,Css,Less,Css Preprocessor,这项工作: background-color: ~"@{@{space-name}-color-4}"; 这并不是: background-color:lighten(~"@{@{space-name}-color-4}",5%); 错误: SyntaxError: error evaluating function `lighten`: Object # has no method 'toHSL' in ... 已经检查过的问题与此类似: 不幸的是,这对我来说不起作用,当我使用: @c
background-color: ~"@{@{space-name}-color-4}";
这并不是:
background-color:lighten(~"@{@{space-name}-color-4}",5%);
错误:
SyntaxError: error evaluating function `lighten`: Object # has no method 'toHSL' in ...
已经检查过的问题与此类似:
不幸的是,这对我来说不起作用,当我使用:
@color4:~"@{@{space-name}-color-4}";
border: 1px solid @color4; // this works
background-color:lighten(#ffffff,5%); // this works
background-color:lighten(@color4,5%); // this doesn't
background-color:lighten(@@color4,5%); // this doesn't - throws 'SyntaxError: variable @@{my-color-4} is undefined in..' although it is defined as @my-color-4 previously. Somehow double @ seems to fail
background-color:lighten(color(@color4),5%); // this doesn't
似乎有些问题,但我无法像前面提到的那样解决问题
有什么建议吗?我做错了什么?设置混音,如下所示:
@space-name: space;
@space-color-4: #123456;
@color4:~'@{space-name}-color-4';
然后,在您的课堂上,它们可以按如下方式使用:
.class {
border: 5px solid @@color4; // this works
background:lighten(@@color4,25%); // this also works
}
@@color4方法实际抛出“…变量@{my-color-4}未定义…”。变量定义为:@my-color-4:darken(@my-color-1,10%);好的,您正在使用的Less的版本是什么,
@my-color-1
有什么值?我之所以问这些问题,是因为我使用的是1.7.5,而且无论我使用什么值,甚至border:1px solid@color4
都不起作用。类似这样的东西:?@Danield正是!这管用!如果你愿意的话,你可以把它作为答案贴出来,这样我就可以接受了。谢谢,谢谢!哈,我嵌套了@{space name},然后整个事情又发生了,应该把它作为一个字符串。非常感谢你。