html - 向样式表添加新样式在 Rails 中不起作用

标签 html css ruby-on-rails

我正在开发 ROR 应用程序。它有一个 style.css public/scaffold_files 中的样式表文件夹。当我检查元素时,我可以看到对该文件的样式引用。但现在我想更改/添加一些样式。我对此文件所做的任何更改都不会影响 View 。 我们如何添加新样式??我不想使用 <style>在 View 本身中标记和编写代码,我希望它在样式表中。 PS:这个style.css文件在 layout 中引用文件如下,当我“查看页面源代码”时,我可以看到相同的内容。

  <link href="/scaffold_files/style.css" rel="stylesheet" type="text/css" media="all">

最佳答案

Rails Assets 管道分为 3 个不同的部分。

  • app/assets 是应用程序拥有的 Assets ,通常由您自己编写脚本。

  • lib/assets 用于您自己的库的代码,但实际上并不适合
    进入应用程序或共享库的范围 跨应用程序。

  • vendor/assets 用于第 3 方 Assets ,例如 js 插件和框架。

在公用文件夹中开始添加 Assets 通常是一种不好的做法。当您的 Assets 管道尝试在生产环境中编译和压缩它们时,它将无法找到它们,因为它只在 app、lib 和 vendor 文件夹中查找。

首先,只需在 app/assets 文件夹中创建一个名为“application.css”的文件。然后使用以下语法在您的布局 (layout/application.html.erb) 中引用此文件:

<%= stylesheet_link_tag :application %>

这将自动查找 app/assets 文件夹,并检索名为“application”的文件。从而在您的应用程序中呈现新样式!

如果您需要有关 Assets 的进一步帮助,请查看 RailsGuides;他们有很多有用且有深度的内容。

http://guides.rubyonrails.org/asset_pipeline.html

关于html - 向样式表添加新样式在 Rails 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20264598/

相关文章:

jquery - 页脚淡入然后淡出

css - 如何以百分比设置字体大小,以便不同的浏览器呈现相同的字体大小?

ruby-on-rails - 在 Rails 中保存后向属性添加了奇怪的字节

java - 使用 Ruby on Rails 比较 Android Market 响应中的签名数据和签名

ruby-on-rails - guard/listen gem 在控制台上工作

javascript - 使用 jquery 复制/克隆脚本标签

html - Twitter Bootstrap 下拉菜单问题

javascript - 改变路线时AngularJS清除模型

javascript - 输入类型 - 后退按钮?

jquery - 将元素拖到可滚动容器外