【问题标题】:How do I implement page specific CSS in Ruby on Rails (5.2)如何在 Ruby on Rails (5.2) 中实现页面特定的 CSS
【发布时间】:2020-04-22 10:03:03
【问题描述】:

我已删除 require_tree 并将我的 CSS 放置在控制器各自的资产文件中,并且 CSS 不是特定于页面的。我猜我必须按照 ruby​​ on rails 指南中的说明使用 <%= stylesheet_link_tag params[:controller] %>

这是否意味着我删除了位于app/views/layouts/application.html.erb 中的<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 并将特定的样式表标签放入它们各自的视图中?

或者,如果有另一种方法可以更有效地获取 CSS 特定页面,那也很棒。

【问题讨论】:

    标签: css ruby-on-rails ruby-on-rails-5


    【解决方案1】:

    一种流行的解决方案是将 application.html.erb 中的类添加到这样的主体中:

    <body class="<%= controller_name.underscore %>"> 
    

    之后就可以在不同的css文件中使用相当简单的逻辑

    body.posts_controller {
      #posts {
        max-height: 200px;
      }
    }
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-09-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-28
    • 1970-01-01
    • 2016-06-20
    相关资源
    最近更新 更多