Haml - 将 display:none 添加到 p 标签不起作用

【问题标题】：Haml - adding a display:none to a p tag isn't workingHaml - 将 display:none 添加到 p 标签不起作用
【发布时间】：2012-06-20 15:19:41
【问题描述】：

我正在尝试这样做：

  %p{:style=>"display:none;"}
    %h4= t("labels.shortened_urls.fqdn_url")
    =f.url_field :fqdn_url, {:readonly => true}
    %small=link_to((t "links.shortened_urls.view"), :target => :_blank)

但我无法让它停止显示。那里的第一行有什么我做的不对吗？

谢谢！

【问题讨论】：

这里必须使用内联样式吗？你能创建一个带有 display:none 属性的 css 类并将其应用于段落吗？
@ply 是的，我可以，但它可能仍然无法工作，因为我不确定为什么它在这里不起作用:)
hmm...当它在浏览器中呈现时，您可以从视图模板中发布源代码吗？

标签： css haml

【解决方案1】：

您的 Haml 是正确的，因为它正确生成了样式属性，但您的 HTML 是错误的。 h4 元素不允许作为 p 元素的直接子元素，因此浏览器会在 h4 之前隐式关闭 p。实际上，您有一个空的p，其中设置了display:none。

尝试将p 更改为div，允许将h4 作为子级。（您可能还想更改其他内容）。

【讨论】：