html - 如何在悬停此行时管理元素 INSIDE 表行的不透明度？

Question

我想在我的简单网站上制作下一个功能。我有放置数据的表。

<tr><td>some data<label>edit</label> <label>delete</label></td><td>some data</td></tr>

我想要下一个:标签中的文本通常是不可见的，但是当我将鼠标悬停在 TABLE ROW(不完全是标签)时，该行中的所有标签都变得可见。

我知道如何在 HOVER LABEL 上执行此操作(所有我需要它为 table > tbody > tr> td > label : hover 添加样式和相同的样式，但没有 hover), 但是我必须做什么才能实现这个功能？

更新(已解决):CSS:

.table tbody > tr > td label{
    opacity: 0;
}

.table tbody > tr > td:hover  label{
    opacity: 1;
}

Answer 1

使用这个:

jsFiddle

.table tbody > tr > td:hover > label{
    opacity: 1;
}