我想使用特定于页面的样式,例如contact.css(已编译)仅应用 ,即联系人页面。
我有一个screen.css编译,它导入包含全局变量,自定义mixins,类等的_base.css,但问题是如果它包含来自_base.css的全局变量,我就不能使用contact.css样式 - 即使在contact.css(链接)之前设置了screen.css,它也总是输出错误。如果我将变量导入contact.scss本身,那么我会得到重复的样式。
我该怎么办,如何定位特定页面并在Sass中保留全局变量?
感谢。
答案 0 :(得分:0)
创建_globalvariables.scss
并将其导入到您需要的位置,包括_base.scss
。
对于screen.scss
(或其他),导入_base.scss
,对于只需要变量的contact.scss
等表格,只能导入_globalvariables.scss
。
换句话说,将mixins和变量保存在工作表中,而不会直接编译为CSS,因此您可以将其导入到您想要的位置,而无需处理重复的样式声明。