Css 带有Haml的表格内的下拉菜单

Css 带有Haml的表格内的下拉菜单,css,ruby,drop-down-menu,haml,Css,Ruby,Drop Down Menu,Haml,我需要在haml中编写一个表格列中的下拉菜单,我还不能测试它,但我想确定我是否能很好地使用下面的代码片段,并将其粘贴下来。 这只是悬停时的css下拉列表 %thead %tr %th.date.header = "#{t :"date"}" %a ="#{t :"main_link"}" %ul %li ="#{t :"link1"

我需要在haml中编写一个表格列中的下拉菜单,我还不能测试它,但我想确定我是否能很好地使用下面的代码片段,并将其粘贴下来。 这只是悬停时的css下拉列表

 %thead
     %tr
      %th.date.header
        = "#{t :"date"}"
          %a
            ="#{t :"main_link"}"
          %ul
              %li
                 ="#{t :"link1"}"
              %li
                 ="#{t :"link2"}"
              %li
                 ="#{t :"link3"}"

  %th.header 
    = "#{t :"Sports"}"
  %th.header 
    = "#{t :"Event"}"
  %th.header 
    = "#{t :"Media"}"
我还写了Css将是怎样的

.date.header ul { display: none}
.date.header ul:hover {display: block}

这是个好办法吗?如何改进它?

我会这样编写您的代码

%thead
  %tr
    %th.date.header
      = t('date')
      %a= t('mail_link')
      %ul
        %li= t('link1')
        %li= t('link2')
        %li= t('link3')

    %th.header= t('Sports')
    %th.header= t('Event')
    %th.header= t('Media')

t
应该是
I18n.t
的快捷方式吗?我这样问是因为
=“#{t:“Media”}”
可能会引发错误。