前端之家收集整理的这篇文章主要介绍了
css – 使用LESS字符串内的函数，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我搜索了文档和SO,但找不到我的查询的答案.使用LESS将函数的结果包含在字符串中的正确方法是什么？
例如,我已经定义了一个变量,并希望为一个盒子阴影减轻它.例如,这就是我想要做的事情：
.Box-shadow(~"inset 0 1px 1px rgba(0,.075),0 0 2px lighten(@green,10%)");
显然这不起作用.如果没有为减轻特定变量定义(@green,10％),实现此目的的正确方法是什么？
最佳答案
它应该只是把它放在字符串之外.
@green: #0f0;
.Box-shadow(@def) { Box-shadow: @def; }
p {
.Box-shadow(~"inset 0 1px 1px rgba(0,0 0 2px" lighten(@green,10%))
}
编译成
p {
Box-shadow: inset 0 1px 1px rgba(0,0 0 2px #33ff33;
}
