Html css悬停以更改其他元素的不透明度值 这是img描述

我想避免使用javascript，是否可以使用：hover更改其他元素的值？如果可能，我想添加过渡

---

您的意思是希望将鼠标悬停在logoWrap上以显示logoDesc吗

如果是：

---

然后，如果需要，可以添加CSS3过渡，使其更流畅。

与过渡相同的答案：

---

要更改哪个元素的不透明度？当鼠标在哪个元素上时？

<div class="logoWrap">
<img src="https://i.imgur.com/OBFbjSK.png">
    <p class="logoDesc">this is img desc</p>
</div>

.logoWrap:hover .logoDesc{
    opacity:1;
}

.logoDesc{

 transition: opacity .2s ease-in-out;
    opacity : 0;
}

.logoWrap:hover .logoDesc {
    opacity: 1;
}