Javascript 在另一个单元格悬停时更改表单元格中DIV的类

我有一张这样的桌子

<table class="mytable">

   <tr class"table-row">
     <td class="cell-one">Lorem Ipsum</td>
     <td class="cell-two"><span class="value">dolor sit amet</span></td>
   </tr>

   <tr class"table-row">
     <td class="cell-one">Lorem Ipsum</td>
     <td class="cell-two"><span class="value">dolor sit amet</span></td>
   </tr>

</table>

但是，我无法确定如何在单元格1上悬停。我不确定这是否可以只用CSS来完成

我可以很容易地用jQuery做到这一点，但由于我的应用程序使用angularJS（不建议将两者混合使用），如果可能的话，我正在寻找angularJS解决方案（或者通过angularJS不可能找到普通的JS解决方案）。谢谢

不确定这是否是您正在查看的内容，但这会隐藏/显示具有内联HTML/CSS的单元格：
乱数假文
多洛·希特·阿梅特
乱数假文
多洛·希特·阿梅特
这可以在本地工作，但不确定为什么不能作为代码段工作。
我希望这有帮助，
拉蒙

不确定这是否是您正在查看的内容，但这会隐藏/显示具有内联HTML/CSS的单元格：
乱数假文
多洛·希特·阿梅特
乱数假文
多洛·希特·阿梅特
这可以在本地工作，但不确定为什么不能作为代码段工作。
我希望这有帮助，
拉蒙

.cell-two:hover .value{
    display: inline-block;
}