将鼠标悬停在li项目上并对子项img执行操作

Question

使用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;
}