http://pragprog.com/book/rails4/agile-web-development-with-railsという本に従っていますが、scss ファイルが機能しません。
css ファイルは次のとおりです。
.store {
h1 {
margin: 0;
padding-bottom: 0.5em;
font: 150% sans-serif;
color: #226;
border-bottom: 3px dotted #77d;
}
/* An entry in the store catalog */
.entry {
overflow: auto;
margin-top: 1em;
border-bottom: 1px dotted #77d;
min-height: 100px;
img {
width: 80px;
margin-right: 5px;
margin-bottom: 5px;
position: absolute;
}
h3 {
font-size: 120%;
font-family: sans-serif;
margin-left: 100px;
margin-top: 0;
margin-bottom: 2px;
color: #227;
}
p, div.price_line {
margin-left: 100px;
margin-top: 0.5em;
margin-bottom: 0.8em;
}
.price {
color: #44a;
font-weight: bold;
margin-right: 3em;
}
}
}
およびhtmlファイルは次のとおりです。
<% if notice %>
<p id="notice"><%= notice %></p>
<% end %>
<h1>Your Pragmatic Catalog</h1>
<% @products.each do |product| %>
<div class="entry">
<%= image_tag(product.image_url) %>
<h3><%= product.title %></h3>
<p><%= sanitize(product.description) %></p>
<div class="price_line">
<span class="price"><%= product.price %></span>
</div>
</div>
<% end %>
CSS は正しく読み込まれていますが、適用されていません。ただし、クラス「store」で周囲のdivを追加すると機能します。この本はこの状況に言及しておらず、スタイルを「自動的に」適用するべきだと思いますよね?
ありがとう。
**編集* ** * ****
問題が見つかりました。同じ問題が発生する可能性がある場合は、次のファイルを確認してください。
アプリ/アセット/ビュー/レイアウト/application.html.erb
bodyタグには次のコードが必要です。
<body class="<%= controller.controller_name %>">