要将CSS/SASS样式表与Rails中的视图相关联,请按照以下步骤操作:
app/assets/stylesheets
目录下创建一个名为application.scss
的新文件。这将作为项目的主要样式表。app/views
目录下的.html.erb
文件中,添加以下代码以引入样式表:<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>这将在视图中引入application.scss
文件。application.scss
文件中,添加您的CSS/SASS样式规则。例如:body {
background-color: lightblue;
}h1 {
color: white;
text-align: center;
}
.container {
width: 960px;
margin: 0 auto;
.header {
background-color: $primary-color;
}
}
通过以上步骤,您可以将CSS/SASS样式表与Rails中的视图相关联。如果您需要使用JavaScript,请参阅Rails文档以了解如何将其与视图相关联。
领取专属 10元无门槛券
手把手带您无忧上云