2013-03-24 65 views
0

我遵循指南但無法應用樣式。我如何使用css與rails和資產管道

如何使頁面背景變成藍色?

我有以下文件:app/assets/stylesheets/main.css.scss

內容爲:body { background-color: #123456;}

我在app/assets/application.css.scss文件中的以下內容:

/* 
* 
*= require_self 
*= require_tree . 
*/ 

該網頁,一旦加載包括以下行頭標:

<link href="/assets/main.css?body=1" media="all" rel="stylesheet" type="text/css" /> 

但是我的網頁不是藍色,所以我;)

如何獲得網頁背景色爲藍色?

我已停止並啓動服務器以嘗試確保資產彙編正在進行。

+1

當您檢查身體標記的樣式(使用Firefox或Chrome開發工具)時,您的背景顏色是否被其他樣式覆蓋? – Robin 2013-03-24 13:31:56

+1

當您嘗試訪問'main.css'時,爲什麼您的SCSS資產名爲'application.css.scss'? – awendt 2013-03-24 13:32:37

+0

application.css.scss需要main.css.scss。 – Robin 2013-03-24 13:37:55

回答

0

您的css鏈接需要引用application.css - 這是CSS其餘部分編譯到的主文件名。

<link href="/application.css?body=1" media="all" rel="stylesheet" type="text/css" /> 

此外,在軌它最好使用資產助手:

<%= stylesheet_link_tag "application" %> 

更多文檔資料請參閱http://guides.rubyonrails.org/asset_pipeline.html

+1

這不一定是正確的。在默認情況下,它不會將文件合併爲一個文件。 – 2013-03-24 13:57:58

+0

沒錯,但它是啓動包含清單所包含的所有其他文件的過程的入口點。 – DGM 2013-03-24 17:19:51