was css,Sass无效的CSS…:期望的表达式(例如，1px，粗体)，是“{”

I have the following Sass, following this example for @each:

我有以下Sass，以下为@each:

@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');

}

Its just an example for an answer to another question. In Codepen, it is giving me an error

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

Invalid CSS after "USA, EUR, JPN ": expected expression (e.g. 1px, bold), was "{"

在“USA, EUR, JPN”之后，无效的CSS:预期的表达式(例如，1px, bold)是“{”

这是Codepen的例子。

That error makes no sense. What is the problem here?

那个错误毫无意义。这里有什么问题?

1 个解决方案

Your code is actually SCSS, not SASS.

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

To make it work as SASS, you need to get rid of curly braces, semi-colons and add some spaces.

为了让它像SASS一样工作，你需要去掉花括号、分号和添加一些空格。

Here's the corrected code:

这是修正后的代码:

@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

was css,Sass无效的CSS…:期望的表达式(例如，1px，粗体)，是“{”相关推荐

20190421-那些年使用过的CSS预处理器（CSS Preprocessor）之Sass and Less
写在前面乱七八糟的前言: emmm,还是决定把Sass与Less单独出来写成一篇,可能会稍微好辣么一丢丢?TAT语法特性是真的香,通篇下来能吸收个10%自我感觉已经很nice了,毕竟渣渣的我有渣渣的自 ...
[css] sass是怎么定义变量的？
[css] sass是怎么定义变量的? sass变量可以理解为以$+变量名为键的键值对,例如$color-black:#000 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一 ...
sublime中编译的sass如何改变css输出风格？【这里有答案】
由于在网上找了一遍没找到如果在sublime中将sass编译的css转换成为自己喜欢的风格,所以换了一种思路搜索到了答案,这里我将讲述如果更改. 首先sass总共有四种编译风格 (1) nested( ...
Vue2+WebPack2使用css/sass+postcss的autoprefixer
js引入css和sass: require('../node_modules/*/*.css'); require("./style/style.scss") webpack.co ...
CSS: SASS用法指南 (附视频)
观看视频: CSS: SASS用法指南学过CSS的人都知道,它不是一种编程语言. 你可以用它开发网页样式,但是没法用它编程.也就是说,CSS基本上是设计师的工具,不是程序员的工具.在程序员眼里,C ...
html中将scss转编译为css,SASS把scss转化为css的四种转化方式与命令
在终端输入命令: $ sass --watch scss:css --style expanded 即可实时把scss文件夹下的scss文件转化为css文件放入css文件夹中, 命令中使用的是expa ...
sass/lsee 转换css 网站 SASS 转 CSS 工具，在线 SASS/SCSS 编译工具 - 在线工具-wetools.com微工具
sass/lsee 转换css 网站 SASS 转 CSS 工具,在线 SASS/SCSS 编译工具 - 在线工具-wetools.com微工具
做html时css经常无效果,修改CSS样式无效有什么原因？
修改CSS样式为什么会无效?原因是什么?下面本篇文章就来给大家介绍一下修改CSS样式无效的原因,有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 一.HTML 标签未关闭这是版面设计 ...
css/sass编码规范
css/sass编码规范一.前言 CSS 作为网页样式的描述语言,一直有着广泛的应用.本文档的目标是使 CSS 代码风格保持一致,容易被理解和被维护.虽然本文档是针对 CSS 设计的,但是在使用各种 ...

was css,Sass无效的CSS…:期望的表达式(例如，1px，粗体)，是“{”

was css,Sass无效的CSS…:期望的表达式(例如，1px，粗体)，是“{”相关推荐

最新文章

热门文章