css - 如何为 Rails 3 中的每个页面编写 css

Question

我想在我的 Rails 应用程序中为不同的页面制作不同的布局，但是如果我在 Assets 文件夹中为特定页面创建不同的文件，那么它会从不同的页面中获取一些值，而一些值则从不同的文件中获取。我对此很生气。我为此制作了一个不同的布局文件，并将此 layout'home' 包含在每个 Controller 中(主页为主页)。请帮忙。

Answer 1

我找到了答案。实际上这不是一个好习惯，除非你想要在你的 web 应用程序中有一个与其他页面完全不同的 View 的不同页面。您需要做的就是:

假设我想要一个完全不同的控制台页面布局。所以这是步骤

1. 创建布局console.html.erb在布局文件夹中。
2. 更改此行 <%= stylesheet_link_tag "application", :media => "all" %>到 <%= stylesheet_link_tag "console_layout", :media => "all" %> .
3. 同时更改 javascript_include_tag如果你想包含一个不同的 javascript 行。
4. 转到 assets/stylesheets .
5. 创建文件 console_layout.css.scss如果要为该特定页面添加，则在该文件夹中包含任何样式表。假设我想包括 bootstrap_and_overrides.less此控制台页面的文件。这样写

6. /*
*= require 'bootstrap_and_overrides'
*= require 'console'
*/

7. 最后删除self_tree .来自 application.css。

这样做意味着您实际上是在为该控制台页面创建不同的布局、不同的样式表。创建这个之后，它永远不会从其他样式表中获取值。我想提一下，只有当您需要创建一个具有完全不同样式并且与其他页面的样式无关的页面时才这样做。

谢谢。 :)