css 属性值包含变量

Question

在使用较少的 css 设置属性值时如何包含变量。例如:

我想根据变量@direction将背景图片设置在右边或左边。

我试过:

@direction:left;
background: url(../../images/downarrow_blue.png) no-repeat @direction white;

但它不起作用。

Answer 1

您有 2 个问题:

1. 要传递字符串值变量，您应该将它们括在单引号中。在您的情况下，它应该是 @direction: 'left';。
2. background-position 属性接受对应于每个轴的两个值。您需要传递如下内容:@direction: 'left top'; 或 @direction: 'right bottom';。

查看与变量相关的文档:http://lesscss.org/#-variables