sass - Sass - 在多值规则中使用变量

Question

Sass 变量可以这样使用：

!blue = #3bbfce

.content_navigation
  border-color = !blue
  color = !blue - #111

这对“单值”变量非常有效。我无法在“多值”css规则上使用它们，例如背景：

!blue = #3bbfce

//this doesn't work
.content_navigation
  background =!blue url(/path/to/image) 0 0 no-repeat

我该怎么做呢？

Answer 1

接受的答案是旧的，不推荐使用的语法。看看新的 Sass 3 语法：

http://nex-3.com/posts/94-haml-sass-3-beta-released

这将是 Sass 3 方式，使用缩进语法：

$blue: #3bbfce

.content_navigation
  background: $blue url(/path/to/image) 0 0 no-repeat

Answer 2

正确的语法应该是这样的：

!blue = #3bbfce

.content_navigation
   background= !blue "url(/path/to/image) 0 0 no-repeat"

享受萨斯！