带有CSS代码块的CSS LESSphp变量

Question

我想使用lessphp添加多个样式声明。我已经使用lessphp setVariables方法提供了$ context数组。

$context['font'] = 'color: #ffffff; font-family: verdana;';

然后我想在带有变量名的less文件中使用它，如下所示：

.selector{
  @font;
}

这不起作用，应该采用哪种方法处理这个问题？

Answer 1

基于LESSphp和LESS语法，您尝试做的事情至少有两个问题：

1. php中的数组必须是pairs of variable names and values，而不是属性名称和值。
2. LESS不允许动态设置属性名称。

所以我相信你的解决方案是这样的：

<强> PHP

$context = array(
   "fontColor" => "#ffffff",
   "fontFamily" => "verdana"
);

$less->setVariables($context);

<强> LESS

上面的代码应该在编译的LESS文件中生成相当于：

@fontColor: #ffffff;
@fontFamily: verdana;

然后你这样使用：

.selector {
   color: @fontColor;
   font-family: @fontFamily;
}