通过Sass / Compass的页面特定样式

时间:2012-10-16 13:40:41

标签: stylesheet sass compass-sass code-organization

我想使用特定于页面的样式,例如contact.css(已编译)仅应用 ,即联系人页面。

我有一个screen.css编译,它导入包含全局变量,自定义mixins,类等的_base.css,但问题是如果它包含来自_base.css的全局变量,我就不能使用contact.css样式 - 即使在contact.css(链接)之前设置了screen.css,它也总是输出错误。如果我将变量导入contact.scss本身,那么我会得到重复的样式。

我该怎么办,如何定位特定页面并在Sass中保留全局变量?

感谢。

1 个答案:

答案 0 :(得分:0)

创建_globalvariables.scss并将其导入到您需要的位置,包括_base.scss

对于screen.scss(或其他),导入_base.scss,对于只需要变量的contact.scss等表格,只能导入_globalvariables.scss

换句话说,将mixins和变量保存在工作表中,而不会直接编译为CSS,因此您可以将其导入到您想要的位置,而无需处理重复的样式声明。