Haml - 在p标签中添加display:none无法正常工作

时间:2012-06-20 15:19:41

标签: css haml

我正在尝试这样做:

  %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)

但我不能让它停止显示。有没有我在第一行没有正确做的事情?

谢谢!

1 个答案:

答案 0 :(得分:4)

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

尝试将p更改为div,允许h4作为孩子。 (您可能也想改变其他内容)。