ruby-on-rails - 如何将 CSS 添加到 Ruby On Rails?

标签 ruby-on-rails

我不知道如何将 CSS 添加到我的 Ruby On Rails 代码中。

这是我的 index.html.erb 文件,我尝试在其中包含样式表。

<!DOCTYPE html>

<html>

    <head>
        <%= stylesheet_link_tag "app\assets\stylesheets\welcome.scss" %>
    </head>

    <body>
        <h1>Welcome To Dot</h1>
        <p>Make Life Easier</p>
    </body>
</html>

在 asset\stylesheets 文件夹中,我有一个welcome.scss 文件:

h1{
    font-size:30px;
    font-weight: bold;
    font-family: fantasy;
    color: darkgoldenrod;
    text-align: left;
}

主体出现,但没有任何样式。

application.html:

<!DOCTYPE html>
<html>
<head>
  <title>Dot</title>
  <%= stylesheet_link_tag    'default', media: 'all', 'data-turbolinks-track'       => true %>
  <%= javascript_include_tag 'default', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

当将其保留为默认值时,我在代码中看不到任何 CSS。当我将其更改为应用程序时,出现错误。

最佳答案

你应该写:

<%= stylesheet_link_tag "welcome" %>

请考虑阅读 Asset pipeline 上的 Rails 指南详细说明了如何使用 Assets 助手将 Assets 包含在 HTML 页面中。

关于ruby-on-rails - 如何将 CSS 添加到 Ruby On Rails?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34384801/

相关文章:

ruby-on-rails - 使用 Rails 输入时间 + 时区

ruby-on-rails - 将@font-face 文件集成到 Rails Assets 管道中

ruby-on-rails - 如何使 I18n#t 方法在 rspec 测试中可用?

ruby-on-rails - 覆盖 Doorkeepers AccessToken Controller 似乎在 Heroku 中不起作用

ruby-on-rails - GemNotFoundException 异常

ruby-on-rails - 仍然建议使用 Minitest 在 Rails 4 中测试路由吗?

ruby-on-rails - Excon::Errors::Forbidden (Expected(200) <=> Actual(403 Forbidden)

ruby-on-rails - Ruby on Rails 3: Devise::LdapAdapter.get_ldap_param 未定义方法错误

ruby-on-rails - 访问 has_one 关联的属性

ruby-on-rails - 可变列名的数据库设计