Sass无效的CSS错误:“预期的表达式”

CSS

Davaid十三樱

2020-03-18

我一直在关注Sass教程由于某些原因,尽管Sass文件无法正确生成css。终端说css是无效的,但是我敢肯定不是。我也尝试过更改它,以防万一出现问题...

我做错了什么?

Sass版本:Sass 3.1.10

错误信息:

error sass/test.sass (Line 3: Invalid CSS after "80%": 
expected expression (e.g. 1px, bold), was ";")

.sass文件内容:

/* style.scss */
#navbar {
  width: 80%;
  height: 23px;
}

第2084篇《Sass无效的CSS错误:“预期的表达式”》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
小卤蛋飞云伽罗 2020.03.18

尝试这个:

/* style.scss */
#navbar {
    width: 80%;
    height: 23px;
}

/* style.sass */
#navbar 
    width: 80%
    height: 23px
Pro路易 2020.03.18

根据您的错误消息(error sass/test.sass),我可以告诉您正在使用.sass扩展名的Scss文件。将文件名更改为style.scss

Sass和Scss使用两种不同且不兼容的语法。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android