如何防止SASS将导入指令移动到渲染文件的顶部?

如何防止SASS将导入指令移动到渲染文件的顶部?,sass,Sass,我最近使用SASS创建了一个WordPress主题。我使用了这样一种技术()让SASS编译所需的CSS文档块,而没有任何问题 现在我尝试使用SASS为子主题创建样式表-这需要父主题的style.CSS的CSS@import。这很好,但它是在CSS文档块之前编译@import!你知道如何按照预定的顺序呈现它们吗?我试着把CSS@import放在一个partial的SASS@import中,但还是发生了 例如,如果这是我的SASS: /*! Theme Name: Themey Name Descr

我最近使用SASS创建了一个WordPress主题。我使用了这样一种技术()让SASS编译所需的CSS文档块,而没有任何问题

现在我尝试使用SASS为子主题创建样式表-这需要父主题的style.CSS的CSS@import。这很好,但它是在CSS文档块之前编译@import!你知道如何按照预定的顺序呈现它们吗?我试着把CSS@import放在一个partial的SASS@import中,但还是发生了

例如,如果这是我的SASS:

/*!
Theme Name: Themey Name
Description: Theme Description
Version: 1.0
Template: parent-theme
*/

@import url(../parent-theme/style.css);
其渲染结果如下所示:

@import url(../parent-theme/style.css);

/*
Theme Name: Themey Name
Description: Theme Description.
Version: 1.0
Template: parent-theme
*/

我真的很想先找到那个医生

应根据以下注释解决文件顶部@-import的问题:

乔纳森·沃伦 Permalink发表评论#2012年10月10日 在最新的WordPress(3.4.2)中,您不需要在style.css的开头添加注释块,只需在主题目录中的一个文件夹中添加一个空index.php和style.css即可

可在以下网址找到:

在wp 3.5.x上对此进行了测试-效果良好。

这是我的“解决方法”:


呵呵?有什么问题请发一些代码…现在你的问题有意义了。SASS似乎将导入语句移动到了最顶端。有没有方法覆盖该顺序?所有的预处理器都会这样做吗(我使用的是Fire应用程序),这在Codekit中也会发生。我想css1需要在文件的顶部导入
@import
。我的解决方案是根本不导入父主题,而是将父主题SASS编译成子主题style.css。父主题也是SASS吗?您可以直接重新编译到子主题中,而不是执行@import。减少http请求@山姆,嗯。。。是的,它确实编译???
@media any
不是受支持的媒体类型。
/*!
Theme Name: Themey Name
Description: Theme Description
Version: 1.0
Template: parent-theme
*/

@media any {
    @import url(../parent-theme/style.css);
}