这是什么问题?

这是什么问题?

$middleWidth: 1238px;

$headerHight: 100px;

$transparentColor:rgba(255,255,255,0);

$navActiveColor:#e14f60;


.ljx-header{

    max-width: $middleWidth;

    height: $headerHight;

    background-color: $transparentColor;

}

.home-logo{

    width:156px;

    height: 46px;

    margin-top:29px;

    margin-bottom:25px;

    

}

.ljx-nav{

    height: 100%;

}

.nav-li{

    display:inline-block;

    line-height:$headerHight;

    font-size:18px;

    color: black;

    margin:0 65px;

}

.nav-li.acive{

    color: $navActiveColor;

}



Error: Invalid CSS after "...255,255,255,0);": expected 1 selector or at-rule, was "{}"

        on line 3 of sass/d:\卢见信的前端项目\common\header\header.sass

>> $transparentColor:rgba(255,255,255,0); {}

   --------------------------------------^


感觉要疯了,没觉得哪有问题啊

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好, scss是 sass 引入的新语法, scss语法完全兼容 CSS3,并且继承了 Sass 的强大功能。Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点:

  1. 文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名

  2. 语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。

具体的区别可以参考官方文档的对比解释

http://sass.bootcss.com/docs/scss-for-sass-users/

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~


好帮手慕慕子 2019-09-20 10:45:29

同学你好, 你这代码书写是scss的语法格式, 但是你的文件名报错为为header.sass,所以会出现报错。

建议: 可以将你的文件后缀名保存为header.scss测试一下哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

  • 提问者 见信 #1
    关于这个,我就有些不明白了,是如何分清楚SCSs和sass的
    2019-09-20 10:52:30
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师