Здравствуйте.
У меня есть блок. При наведении на него, скрывается блок внутри (opacity: 0
). Но при наведении на дочерний элемент, он скрывается тоже. Как сделать, что бы при наведении на дочерний элемент, он не скрывался?
.parent {
position: relative;
width: 200px;
height: 200px;
background-color: black;
}
.parent-children {
position: absolute;
top: 200px;
width: 50px;
height: 50px;
background-color: red;
}
.parent:hover .parent-children {opacity: 0}
<div class="parent">
<div class="parent-children"></div>
</div>