<html >
<head>
<title>...</title>
<style>
.j1{width: 100px;height: 100px;border:black 1px solid;margin: auto;list-style: none;}
.j2{width: 30px;height:30px;background: rgb(238, 167, 167);margin: auto;}
.j1:hover + .j2{opacity: 0.5;}
</style>
</head>
<body>
<ul>
<li class="j1"> </li>
</ul>
<div class="j2"></div>
</body>
</html>
.j1:hover + .j2{opacity: 0.5;}
.j1:hover ， .j2{opacity: 0.5;}
你这个html标签结构只用css做不到。
要把div放在ul中才行
<ul>
<li class="j1"> </li>
<div class="j2"></div>
</ul>
您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～
ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632