Css 在字符串中使用函数,使用较少的

Css 在字符串中使用函数,使用较少的,css,less,Css,Less,我搜索了这两份文件,但没有找到我的问题的答案。在字符串中包含函数结果的正确方法是什么 例如,我定义了一个变量,并希望为长方体阴影使其变亮。例如,下面是我想做的: .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px lighten(@green, 10%)"); 显然,这是行不通的。实现这一点的正确方法是什么,而不需要为lighte(@green,10%)定义一个特定变量?将其放在字符串之外就可以了 @green: #0f0; .box

我搜索了这两份文件,但没有找到我的问题的答案。在字符串中包含函数结果的正确方法是什么

例如,我定义了一个变量,并希望为长方体阴影使其变亮。例如,下面是我想做的:

.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px lighten(@green, 10%)");

显然,这是行不通的。实现这一点的正确方法是什么,而不需要为
lighte(@green,10%)
定义一个特定变量?

将其放在字符串之外就可以了

@green: #0f0;
.box-shadow(@def) { box-shadow: @def; }

p {
  .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px" lighten(@green, 10%)) 
}
编译成

p {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #33ff33;
}