【问题标题】:Rails 3.1 including style sheet, browser isn't using itRails 3.1 包括样式表,浏览器没有使用它
【发布时间】:2026-02-15 03:50:01
【问题描述】:

我的团队使用 Adob​​e Muse 编写了一些样式表。

我已将它们包含在我的 assets 文件夹中,并且能够很好地为它们提供服务。

application.css:

/*

 *= require_self
 *= require "site_global"
 *= require "frontpage"

*/

让我感到困惑的是,在 chrome 调试器中,我看到资源加载 但是,它不会呈现关联 div 的样式表。

当我检查显示不佳的<div> 标记的元素时,它显示了来自site_global.css 但不是来自frontpage.css 的一些元素

睡着了,今天下午演示。 可能只需要一双全新的眼睛。


编辑

添加我的application.html.erb 标头

  <head>
    <title><%= content_for?(:title) ? yield(:title) : "StarterTribe" %></title>
    <%= stylesheet_link_tag "application" %>
    <%= javascript_include_tag "application" %>
    <%= csrf_meta_tag %>
    <%= yield(:head) %>
  </head>

【问题讨论】:

  • $ bundle exec rake assets:precompile 试过了,没有明显效果

标签: ruby-on-rails ruby-on-rails-3 sass muse


【解决方案1】:

这应该没什么区别,但是如果你去掉它们周围的引号,它会有什么不同吗?

我假设你的应用程序布局中有这个:

stylesheet_link_tag 'application' 

如果顺序很重要,请确保在 application.css 文件中指定正确的顺序。如有必要,您甚至可以将一些项目放在“上方”*= require_self

我可能误解了你的问题。

【讨论】:

  • 现在正在尝试重新安排订购。早些时候尝试过,无法产生明显的差异。尝试删除一些部分,仍然不显示frontpage.css 格式。
  • 您是否 100% 确定您的页面确实使用了frontpage.css 中定义的类?这是我唯一能想到的。
  • 虽然这不会真正帮助后代,但我们最终放弃了基于 adobe 的模型并改用 960.gs。
  • 很高兴你想出了一些办法。 :)
最近更新 更多