关于!default
来源:3-5 sass基础语法(2)
qxmuge
2019-08-16 09:38:31
在用@import引入sass文件时,为了解决因为引入顺序导致变量覆盖的问题,老师说用!default, 虽然主文件里的定义的变量不会被覆盖,但被引入文件却会因为位置顺序导致该文件中的变量被覆盖。
1回答
好帮手慕星星
2019-08-16
同学你好,
‘被引入文件却会因为位置顺序导致该文件中的变量被覆盖’,这种情况应该是引入的文件在顶部的时候吧,下面有定义同名变量的时候会进行覆盖。
视频中老师用!default的原因,是因为引入文件在主文件变量下面的时候,引入文件中同名变量会覆盖主文件中的,为了避免覆盖,所以在引入文件中将变量设置为默认的,这样无论引入文件在哪个位置被使用,都会进行覆盖,用的都是主文件中定义的变量。
一般情况下引入文件会放在顶部,这样可以先使用引入文件中内容,想覆盖的时候直接在主文件中定义同名变量即可。
祝学习愉快!
相似问题