Rails 3.2.5樣式表未被應用 - 新手

我在學習使用Rails的「Agile Web Development with Rails」（第4版，Rails 3）中的Rails，並且我無法獲得要應用的樣式表。爲了讓您快速地通過什麼我迄今所做的，我第一次產生了支架：Rails 3.2.5樣式表未被應用 - 新手

rails generate scaffold Product title:string description:text image_url:string price:decimal

當然然後：

rake db:migrate

然後我用分貝/ seeds.rb文件加載一些數據進入產品表。當我加載localhost：3000/products時，一切都很好。現在，我複製了樣式表代碼本書提供由支架產生的products.css.scss文件：

.products { 
    table { 
    border-collapse: collapse; 
    } 
    table tr td { 
    padding: 5px; 
    vertical-align: top; 
    } 
.list_image { 
    width: 60px; 
    height: 70px; 
    } 
    .list_description { 
    width: 60%; 

    dl { 
     margin: 0; 
    } 
    dt { 
     color:  #244; 
     font-weight: bold; 
     font-size: larger; 
    } 
    dd { 
     margin: 0; 
    } 
    } 
    .list_actions { 
    font-size: x-small; 
    text-align: right; 
    padding-left: 1em; 
    } 
    .list_line_even { 
    background: #e0f8f8; 
    } 
    .list_line_odd { 
    background: #f8b0f8; 
    } 
}

現在，當我打開本地主機：3000 /產品，樣式表是不是被applied.I可以請參閱inspect元素中的樣式表，但它不適用。我嘗試了一切可以想象的。首先，我確信這行代碼是我application.html.erb：

<%= stylesheet_link_tag "application", :media => "all" %>

考慮到我的新樣式表（products.css.scss）是在資產/樣式表/目錄下，它應該是裝。當我檢查localhost：3000/products上的元素時，我確實看到了那裏的樣式表，但它沒有被應用。接下來我試着跑的是：

rake assets:precompile

沒有成功。刪除公共/資產目錄後，我確信這行代碼位於我的config/application.rb文件中：

config.assets.enabled = true

這是。接下來，我轉向資產/樣式表/ application.css文件，嘗試添加以下代碼行：

*= require products

再次，沒有成功。最後，我嘗試重新啓動我的服務器，看看是否有效果。再次失敗。我在這裏死了。請，我很感謝在這個問題上的任何和所有的投入，因爲我對這個問題感到厭倦和沮喪。

來源

2012-06-11 flyingarmadillo

幾個小時前，我想你已經問過同樣的問題（http://stackoverflow.com/questions/10987100/stylesheet-error-ruby-on-rails-newbie）......有人告訴你刪除第15行的空間，你說它已經解決了這個問題...如果你仍然有同樣的問題，我認爲你應該重新打開你以前的問題...如果我錯了，對不起... – gabrielhilal

不，它是一個不同的問題。對不起，如果有任何困惑。我之前的問題是關於加載樣式表。現在它正在加載（我沒有收到錯誤），但它不適用。 – flyingarmadillo

我剛剛花了一個小時找出答案，因爲我自己也有同樣的問題。去你的application.css.sass並確保它有

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

在裏面。這會自動加載應用程序/資產/樣式表中的所有其他.css.sass，然後將它們預編譯爲公共/資產/樣式表爲1個statis css文件，並將其提供給您的瀏覽器。

來源

2012-08-21 06:46:31 Kirka121

你的意思是application.css？因爲我確實有這些線。但是/ *字符不是用於評論行嗎？ –

不知道這是否可行，但值得一試，請嘗試刪除.css，只保留products.scss。也得到一個非常簡單的風格，看看它是否有效。甚至內聯它看。

來源

2012-06-12 16:39:30 YaBoyQuy

Rails 3.2.5樣式表未被應用 - 新手

回答

相關問題