css属性值包含变量

Question

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

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

我试过了：

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

但它不起作用。

Answer 1

你有两个问题：

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

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