使用悬停事件更改类

Question

what can i do to change style of p tag with class zoom-p to display: none and change img tag with class zoom-img to display: block on hover on the .apartman div ?

            <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

You can do this by adding a couple of :hover selectors to your .apartman element:

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

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