要将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文档以了解如何将其与视图相关联。
简述: HTML 标签原本被设计为用于定义文档内容, 通过使用 、、