悬停时更改父样式

Question

说我有这个

<Container>
 <Child>hover me</Child>
</Container>

如果我将鼠标悬停在孩子上方，则希望父div的高度增加。如何实现？我还想增加高度，但div的底部不动，而只移动顶部？

显然我知道这一点

&:hover {
    height: 50px;
}

但是我不确定如何应用于1个元素并使其对另一个元素有影响？