Есть элемент
.myclass {
background-color: #28292d;
font-family: Roboto, "sans-serif", Arial;
border-width: 0px;
border-style: outset;
border-radius: 3px;
position: absolute;
bottom: -220px;
right: 0px;
transition: 0.5s;
width: 500px;
height: 250px;
color: #ffdd47;
}
.myclass:hover {
bottom: 0px;
}
<div class="myclass">
<div class="push">
<!--код!-->
</div>
<!--код!-->
</div>
Соответственно, при наведении на элемент мышкой, он всплывает из-под страницы полностью
Дочерний элемент класса "push" будет находиться вне этого элемента, чуть выше
Как сделать так, чтобы к нему не применялся :hover родительского элемента?
То есть, при наведении мыши на дочерний элемент, родительский и дочерний элемент не всплывали?