关于!default

来源:3-5 sass基础语法(2)

qxmuge

2019-08-16 09:38:31

在用@import引入sass文件时,为了解决因为引入顺序导致变量覆盖的问题,老师说用!default, 虽然主文件里的定义的变量不会被覆盖,但被引入文件却会因为位置顺序导致该文件中的变量被覆盖。

http://img.mukewang.com/climg/5d5608c70001c48003290191.jpg

http://img.mukewang.com/climg/5d5608e90001232605610356.jpg

http://img.mukewang.com/climg/5d5608fd0001537a06500312.jpg

写回答

1回答

好帮手慕星星

2019-08-16

同学你好,

‘被引入文件却会因为位置顺序导致该文件中的变量被覆盖’,这种情况应该是引入的文件在顶部的时候吧,下面有定义同名变量的时候会进行覆盖。

视频中老师用!default的原因,是因为引入文件在主文件变量下面的时候,引入文件中同名变量会覆盖主文件中的,为了避免覆盖,所以在引入文件中将变量设置为默认的,这样无论引入文件在哪个位置被使用,都会进行覆盖,用的都是主文件中定义的变量。

一般情况下引入文件会放在顶部,这样可以先使用引入文件中内容,想覆盖的时候直接在主文件中定义同名变量即可。

祝学习愉快!

0

0 学习 · 10739 问题

查看课程

相似问题