Ruby on Rails CSS 支持 [关闭]

【问题标题】：Ruby on Rails CSS support [closed]Ruby on Rails CSS 支持 [关闭]
【发布时间】：2020-05-06 13:49:04
【问题描述】：

我正在使用 Ruby on Rails v.6.0.2.2 进行个人项目。今天早上我在编写 CSS 响应式菜单时遇到了各种各样的问题。移动菜单按钮不起作用。这是我过去使用过的仅 HTML/CSS 菜单，可以正常工作Responsive, Pure CSS Off-Canvas Hamburger Menu。

我确定的是 Rails/ERB 似乎不支持 :target 伪类。是否有指定支持的 CSS 类的文档？

【问题讨论】：

我建议使用像 bootstrap 4 这样的 css 框架，它可以很好地与 rails 配合使用，并且有一个可以用于它的 gem

标签： css ruby-on-rails ruby css-selectors

【解决方案1】：

原则上，CSS 支持与 Rails 无关。 CSS 纯粹是在您的 css/html 代码和 Web 客户端之间协商的。但是一些 Rails 组件可以介于两者之间，无论好坏。

在这种情况下，Turbolinks 可能会阻止您的 :target 伪类工作。尝试将data-turbolinks="false" 添加到您的链接中：

<a data-turbolinks="false" href="#p1">Jump to the first paragraph!</a>

或者，如果您使用的是 link_to 助手：

link_to "Jump there", your_url(anchor: 'p1'), data: { turbolinks: false }

【讨论】：