将鼠标悬停在li项目上并对子项进行操作img [复制]

Question

这个问题在这里已有答案：

• How to affect other elements when a div is hovered 6个答案

用css有一个简单的方法吗？

我有一个这样的清单..

<ul>
   <li><img src="..."><li>
<ul>

现在默认的css是..

ul li img{
   opacity: 0;
}

如果将鼠标悬停在列表项上，如何设置opacity: 1;？

Answer 1

它应该像这样简单：

ul li img {
  opacity: 0;
}

ul li:hover img {
  opacity: 1;
}