如何防止SASS將導入指令移至渲染文件的頂部？

我最近使用SASS創建了一個WordPress主題。我用這樣的技術（http://css-tricks.com/compass-compiling-and-wordpress-themes/）讓SASS編譯所需的CSS文檔塊沒有問題。如何防止SASS將導入指令移至渲染文件的頂部？

現在我正在嘗試使用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 
*/

我真的希望那個文件夾塊第一！

來源

2013-04-12 ArleyM

吧？最新的問題，請張貼一些代碼... –

現在你的問題是有道理的。 SASS似乎移動進口報表似乎是最高的。 –

有沒有辦法覆蓋訂單？所有的預處理器都會這樣做（我正在使用Fire App） – ArleyM

與在文件的頂部@ -import問題shoudl根據下面的註釋來解決：

喬納森·沃倫永久鏈接評論＃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的 - 工作正常那裏。

來源

2013-06-23 10:57:19 deetromp

這裏是我的「解決辦法」：

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

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

來源

2013-09-09 17:18:02 frnhr

這是否編譯？ – sam

@sam嗯...是的，它確實編譯？ – frnhr

'@media any'不是支持的媒體類型。 – micjamking

如何防止SASS將導入指令移至渲染文件的頂部？

回答

相關問題