我正在使用Ruby on Rails v.6.0.2.2进行一个个人项目。今天早上,我正在编写一个CSS响应式菜单,我遇到了各种各样的问题。移动菜单按钮无法使用。这是我过去使用的一个HTMLCSS的菜单,它工作得很好。响应式的纯CSS汉堡菜单.
我所确定的是,RailsERB似乎不支持:目标伪类。有没有什么文档可以指定支持的CSS类?
原则上,CSS支持与Rails无关。CSS纯粹是在你的csshtml代码和Web客户端之间进行协商。但有些Rails组件可以介于两者之间,无论好坏。
在这种情况下,Turbolinks可能会阻止你的 :target
伪类的工作。尝试添加 data-turbolinks="false"
到你的链接。
<a data-turbolinks="false" href="#p1">Jump to the first paragraph!</a>
或者如果你使用的是link_to helper:
link_to "Jump there", your_url(anchor: 'p1'), data: { turbolinks: false }