css - 带有 Haml 的表格内的下拉菜单

Question

我需要在 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}

这是一个好方法吗？我怎样才能改进它？

Answer 1

我会这样写你的代码

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