如何在哈巴狗的表格列上添加鼠标悬停？

Question

我正在使用angularjs和pug作为前端。我希望鼠标悬停在7栏上显示不同的文字，如Yesterday，2天前，3天前，.... 7天前。

我的桌子是

tbody tr td.text-center(ng-repeat="value in collection track by $index") {{value}}

我不想使用单独的CSS文件。所有必需的样式都应该在pug文件中。

Answer 1

style(type="text/css").
  td .org {
    display: inline;
  }

  td .hover{
    display:none;
  }

  td:hover .org {
    display: none;
  }

  td:hover .hover{
    display: inline;
  }

  tbody
  tr
    td.text-center(ng-repeat="value in collection track by $index") 
      span.org {{value}}
      span.hover Yester / 2 days ago / 3 days ago .....