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

Question

我最近使用 SASS 创建了一个 WordPress 主题。我使用了这样的技术( http://css-tricks.com/compass-compiling-and-wordpress-themes/ )让 SASS 毫无问题地编译所需的 CSS 文档块。

现在我正在尝试使用 SASS 为子主题制作样式表 - 这需要父主题的 style.css 的 CSS @import。这工作正常，但它在 CSS 文档块之前编译 @import !任何想法如何按预期顺序呈现它们？我试图将 CSS @import 放在部分的 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
*/

我真的首先想要那个文档块!

Answer 1

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

乔纳森·沃伦
评论的固定链接# 2012 年 10 月 10 日
在最新的 WordPress (3.4.2) 中，您不需要 style.css 开头的注释块来识别它，只需在您的主题目录中创建一个带有空 index.php 和 style.css 的文件夹即可.

在以下帖子中找到:
http://css-tricks.com/compass-compiling-and-wordpress-themes/

在 wp 3.5.x 上测试过 - 在那里工作正常。