如何在Liferay中使用CSS導入？ CSS快速加載工作不好

Question

我發現，我的CSS導入不起作用。

我custom.css文件的開頭看起來如下：

@import "compass"; 

@import url(fonts.css); 

@import url(custom_common.css); 

@import url(journal-content-article.css); 

@import url(color_schemes/green.css); 

@import url(color_schemes/orange.css); 

Unfortuantely，我沒有看到（例如）在Chrome開發者工具fonts.css的跡象。

UPDATE

我發現，這個部署時，涉及與日期時間修改問題。

我發現，

1）物理tomcat6/mytheme/css/custom.css文件不包含我的include指令。

2）通過瀏覽器訪問http://mysite/mytheme/css/custom.css時，我看到NO include指令，但是SOME include指令在服務器端處理。同時，製成的內含物的內容是舊的，即不包含附近鋪設的文件。

爲什麼？

誰執行服務器端導入？可能這款軟件沒有注意到包含文件被更新！

3）訪問http://mysite/mytheme/css/custom.css?css_fast_load=0時我看到導入指令。

Answer 1

我假設你正在做你的主題。

請確保將其執行到例如位於主題的docroot/_diffs/css文件夾中的custom.css。 AFAIK進口報表必須位於任何其他css報表之前才能進行處理。

此外，請確保您有一個名爲docroot/_diffs/css/fonts.css的文件具有一些有效的標記。開始非常簡單。

我只是嘗試這樣做，濫用 「字體」 文件進行簡單的背景色：這是我的文件：

文檔根目錄/ _diffs/CSS/custom.css：

@import "compass"; 
    @import url(fonts.css) 

文檔根目錄/ _diffs /css/fonts.css：

body { background: green; } 

這將呈現一個「_styled」主題（因爲我並沒有改變任何東西）與綠色背景，而不是默認的白色。

編輯： 由於您的更新表明您無法看到文件的更改：請注意，Liferay會緩存縮小的結果。如果它沒有選擇更改，則可能需要刪除位於tomcat的臨時文件夾AFAIK中的緩存（如果您使用的是tomcat）