Question

我在this example for @each后面有以下Sass：

@each $flag in USA, EUR, JPN {
  a.#{$flag} {
    display:inline-block;
    overflow:hidden;
    width:0;
    height:11px;
    padding-left:16px; 
    background:url('http://res.cloudinary.com/mrengy/image/upload/v1470163121/#{$flag}.gif');
  }
}

它只是另一个问题答案的一个例子。在Codepen中，它给了我一个错误

＆＃34;美国，欧元，日本和＃34;之后的无效CSS：预期表达式（例如1px，粗体）是＆＃34; {＆＃34;

Here's the example on Codepen

这个错误毫无意义。这有什么问题？

Answer 1

您的代码实际上是SCSS，而不是SASS。

要使它像SASS一样工作，你需要摆脱花括号，分号和添加一些空格。

以下是更正后的代码：

@each $flag in USA, EUR, JPN 

  a.#{$flag} 
    display:inline-block
    overflow:hidden
    width: 0
    height: 11px
    padding-left: 16px
    background: url('http://res.cloudinary.com/mrengy/image/upload/v1470163121/#{$flag}.gif') no-repeat

https://codepen.io/vic3685/pen/akaEyo?editors=1100

Sass无效的CSS ...：期望的表达式（例如1px，粗体），是＆＃34; {＆＃34;

1 个答案: