css - e() 的 LESS 反函数

Question

所以我今天刚尝试使用 LESS。根据官方网站上提供的示例，我已经成功编写了如下所示的 CSS 脚本。但是有一行不能像我想要的那样工作，我想将颜色类型变量转换为字符串(用单引号引起来)。

我有颜色变量，例如:

@colorA: #f7fcff;
@colorB: #f2faff;

我想将它们转换成字符串，这样我就可以在过滤器 CSS 中使用，例如:

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorA', endColorstr='@colorB', GradientType=0 );

但这行不通。那么，如何呢？

Answer 1

您需要使用 string interpolation syntax像 @{}

filter: progid:DXImageTransform.Microsoft.gradient( 
        startColorstr='@{colorA}', endColorstr='@{colorB}', 
        GradientType=0 );

编译:

filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#f7fcff', endColorstr='#f2faff', 
        GradientType=0);