javascript - 使用悬停事件更改类别

Question

如何将 p 类 zoom-p 标签的样式更改为 display: none 并更改 img 类 zoom-img 标签，将鼠标悬停在 .apartman div 上时显示 display: block？

            <div class="apartman">
                <div class="zoom">
                    <p style="display:block" class="zoom-p">Look Apartman</p>
                    <img style="display: none" class="zoom-img" src="images/plus.png">
                </div>
                <div class="apart-descr">
                    <p> 35.56m </p>
                </div>
            </div>

Answer 1

您可以通过添加几个 :hover 来做到这一点.apartman 元素的选择器:

.apartman:hover p.zoom-p{
    display: none;
}

.apartman:hover img.zoom-img{
    display: block;
}