Question

我最近使用SASS创建了一个WordPress主题。我使用了这样的技术（http://css-tricks.com/compass-compiling-and-wordpress-themes/）来获得SASS来编译所需的CSS文档块而没有任何问题。

现在我尝试使用SASS为子主题制作样式表 - 这需要父主题的CSS @import＆style.css。这很好用，但它在CSS doc块之前编译了@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
*/

我真的首先想要那个doc块！

Answer 1

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

Jonathan Warren 永久链接评论＃OCTOBER 10,2012 在最新的WordPress（3.4.2）中，你不需要在style.css开头的注释块来识别它，只需要一个主题目录中一个空的index.php和style.css的文件夹。

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

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

Answer 2

这是我的“解决方法”：

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

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

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

2 个答案: