css - CSS LESSphp 变量与 CSS 代码块

Question

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

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

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

.selector{
  @font;
}

这不起作用，应该有什么合适的处理方式？

Answer 1

根据 LESSphp 和 LESS 语法，您尝试执行的操作至少存在两个问题：

1. 来自 php 的数组需要是成对的变量名和值，而不是属性名和值。
2. LESS 不允许动态设置属性名称。

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

PHP

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

$less->setVariables($context);

较少的

上面的代码应该在编译的 LESS 文件中生成与此等效的代码：

@fontColor: #ffffff;
@fontFamily: verdana;

然后你像这样使用它：

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