CSS文件位置Ruby

Question

It appears that in Ruby on Rails all CSS files are concatenated into one big file. If I define a p {} in one CSS file the other pages follow suit. I have tried the following:

<link type="text/css" rel="posts" href="posts.css.scss" />

As well as:

<link type="text/css" rel="posts" href="assets/posts.css.scss" />

I can't seem to define one CSS file to one HTML page. I have found an option which may work by disabling the asset pipeline as it explained to me but I think this may have adverse effects.

How can I define one CSS file per HTML file?

Answer 1

What you are looking for in a different CSS per page or action. You can do this via:

class UsersController < ApplicationController
  layout 'some_custom_layout'
end

If you want to have for a particular action

def foo
  # some logic here
  render :layout => 'some_custom_layout'
end

eg:

#app/layouts/some_custom_layout.html.haml
!!!
%html{lang: "en"}
  %head
    %meta{charset: "utf-8"}/
    %meta{content: "width=device-width, initial-scale=1.0", name: "viewport"}/
    = stylesheet_link_tag    "your_custom_css"
    = javascript_include_tag "application"
    = csrf_meta_tags
  %body
    = yield