title: application.css not including other style definitions
body: <p>Ruby 1.9.2, Rails 3.1</p>
  
  <p>Here is my understanding as to how layouts should be applied:</p>
  
  <p>a. application. html.erb has the following helper method - </p>
  
  <pre><code>`&lt;%= stylesheet_link_tag    "application" %&gt; `
  </code></pre>
  
  <p>and it basically says: "use application.css file and do whatever is mentioned there.</p>
  
  <p>b. Application.css files has a directive to include all stylesheet files in the directory where it resides. </p>
  
  <pre><code>= `require_tree` .
  </code></pre>
  
  <p>(I have added the line above to the bottom of the application.css)</p>
  
  <hr>
  
  <p>The problem is that the file products.css.scss is never applied to the page. When I go the the Developer Tools in chrome it shows that scaffolds.css is applied to the page. <em>(Wanted to attach the pic but I can't as it is limited to new users)</em></p>
  
  <p>I've been fighting with this thing for a while and can't figure it out. 
  I need to find a way for application.css to do what it was supposed to do, to use the style definitions from the same directory and it is not happening.</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Here is the solution.
  in the index.htm.erb there was a block</p>
  
  <pre><code>&lt;table class&gt;
  &lt;% @products.each do |product| %&gt;
    &lt;tr class="&lt;%= cycle('list_line_odd', 'list_line_even') %&gt;"&gt;
  </code></pre>
  
  <p>I changed it to (see the first line)</p>
  
  <pre><code>&lt;table class = "products"&gt;
  &lt;% @products.each do |product| %&gt;
    &lt;tr class="&lt;%= cycle('list_line_odd', 'list_line_even') %&gt;"&gt;
  </code></pre>
  
  <p>But the ting is - I have no idea why it started working, I have found this solution on the errata web page for the book that I'm reading, somebody just offered this as a solution.
  I'd appreciate if somebody can shed some light as to why this line helped.</p>