我有以下 Sass,以下这个例子是@each http://sass-lang.com/documentation/file.SASS_REFERENCE.html#each-directive:
@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 中,它给了我一个错误:
“USA、EUR、JPN”后的 CSS 无效:预期表达式(例如 1px、粗体)为“{”
这是 CodePen 上的示例 https://codepen.io/mrengy/pen/GqXqgV?editors=1100.
这个错误没有任何意义。这里有什么问题?
你的代码实际上是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 https://codepen.io/vic3685/pen/akaEyo?editors=1100
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)