css - 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