pugのテーブルの列にマウスのホバーを追加するには？

Question

私はフロントエンドにangularjsとpugを使用しています。私は、昨日、2日前、3日前、... 7日前など、7つの列にマウスのホバー上に別のテキストを表示したい。

私のテーブルには、私は別のCSSファイルを使用したくない

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

です。必要なスタイルはすべて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 .....