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

Stylesheet 通过Sass/Compass的页面特定样式,stylesheet,sass,compass-sass,code-organization,Stylesheet,Sass,Compass Sass,Code Organization,我想使用特定于页面的样式,如contact.css(已编译),仅应用于联系人页面 我编译了一个screen.css,它导入了包含全局变量、自定义混合、类等的_base.css,但问题是如果它包含来自_base.css的全局变量,我就不能使用contact.css样式-即使在contact.css(link)之前设置了screen.css,它也总是输出错误。如果我将变量导入contact.scss本身,则会得到重复的样式 我应该做什么,如何针对特定页面并在Sass中保留全局变量 谢谢。创建\u g

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

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

我应该做什么,如何针对特定页面并在Sass中保留全局变量


谢谢。

创建
\u globalvariables.scss
并在需要的地方导入,包括
\u base.scss

对于
屏幕.scss
(或任何内容),导入
\u base.scss
,对于仅需要变量的工作表,如
contact.scss
,只导入
\u globalvariables.scss


换句话说,将你的混音和变量保存在一个工作表中,而不需要直接编译成CSS,这样你就可以在你想要的地方导入它,而不必处理重复的样式声明。

screen.CSS在我的例子中是所有页面的样式表,即页眉、页脚等样式表。它有base.css在里面,也就是说,typography.css。如果我在contacts.css(变量、字体等)中添加了partials,我会弄乱级联(字体很容易看到)。如果我把联系人作为screen.css中的一部分,那么一切都可以,但是我没有特定于页面的样式,它将应用于所有页面。简单地说,当我在“联系人”页面上时,我如何“插入”/“触发”该页面的其他样式,我仍然不明白:(也许你有组织的真实例子?我可能误解了你的问题,用更多信息更新了它,重新措辞了它,或者提供了一些简单的例子。