gpt4 book ai didi

html - 根据页面 rails 更改正文背景

转载 作者:太空宇宙 更新时间:2023-11-04 15:01:05 27 4
gpt4 key购买 nike

我在我的 Rails 应用程序中使用 bootstrap-sass,它工作正常,但是一个特定的页面“欢迎”我希望主体具有不同的颜色。

如果我打开 Assets 中的 welcome.scss 文件并添加

html, body {background:#000000;}

我没有得到任何改变,白色 Bootstrap 覆盖了我期望发生的改变。

如何让它针对该页面进行更改。

据我了解,页面 css 仅在您位于该页面上时加载 - 我错了吗,它是否与在 Application.scss 文件中写入相同?

最佳答案

It was my understanding that the page css only loads in when you are on that page

加载的 CSS 完全依赖于 stylesheet_link_tag在您的布局中:

#app/views/layouts/application.html.erb
<%= stylesheet_link_tag :application %>

加载它的方式决定了加载每个页面的样式表。

--

例如,加载样式表的标准 Rails 方法是使用 "sprockets" files & directives将所需文件附加到您的 application.css 表中。虽然这适用于任何其他工作表,但它主要用于应用程序

因为您使用的是 bootstrap(它会告诉您 the following):

#app/assets/stylesheets/application.css
/*
*= require bootstrap_and_overrides
*/

...您需要确保知道要加载哪些文件。具体来说,您关于正在加载特定于页面的 CSS 的断言是错误的;您要么对负载进行硬编码,要么将代码放入单个文件(EG 应用程序):

#app/views/layouts/application.html.erb
<%= stylesheet_link_tag :application, controller_name #=> loads controller CSS page each time you load a new controller %>

--

对于你,我会做以下事情:

#app/views/layouts/application.html.erb
<body class="welcome if action_name == 'welcome'">

然后您就可以使用以下内容:

#app/assets/stylesheets/application.css
body.welcome {background:#000000;}

关于html - 根据页面 rails 更改正文背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34127088/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com