扩展兄弟导入文件中的类不起作用

时间:2017-06-26 18:12:28

标签: sass extend gulp-sass node-sass

我正在尝试使用Sass的_title.scss功能来减少重复代码,并且出于某种原因,它会抛出错误。下面的示例代码。

.title { font-family: "Open Sans"; }

_user-content.scss

.user-content { h1, h2, h3, h4, h5, h6 { @extend .title; } }

screen.scss

@import "_title"; @import "_user-content";

gulp-sass

运行[13:15:02] gulp-notify: [Gulp] src/assets/styles/base/user-content/_user-content.scss Error: ".user-content h1" failed to @extend ".title". The selector ".title" was not found. Use "@extend .title !optional" if the extend should be able to fail. on line 1 of src/assets/styles/base/user-content/_user-content.scss >> .user-content { h1, h2, h3, h4, h5, h6 { @extend .title; } } -----------------------------------------^ 时:

IE.document.getElementByType("button").getelementByClass("qm_historyTab_GoButton").Click

这对我来说似乎是正确的,但这是一个错误。我做错了什么?

2 个答案:

答案 0 :(得分:0)

我认为你需要导入" _title"进入" _user-content"。我不确定您是否可以从其他导入的文件访问导入的类。

答案 1 :(得分:0)

好吧,我只是愚蠢。我忘了我有两个SCSS文件,一个screen.scss和一个editor.scss。导入在screen.scss中工作正常,但在editor.scss失败,因为我没有导入我尝试扩展到editor.scss的类。