css - 如何使用 :hover 隐藏/显示图标

Question

这正是我想要做的

这是我的代码

img.info-societe {
    cursor: pointer;
    display: none;
}
img.info-societe:hover {
    display: inline;
}

为什么不起作用？什么是最佳解决方案？

Answer 1

我想你需要这样的东西:

tr {
  cursor: pointer;
}

tr img.info-societe {
  display: none;
}

tr:hover img.info-societe {
  display: inline-block;
}