hover动画的元素关系使用场景

CSS hover 在网页设计中是极为常用的一个 CSS 效果，那么如何通过#a元素的hover实现#b元素的hover样式控制呢 ？

hover基本用法：

#a:hover{
    color: red;
}

情景一：两个是兄弟元素

#a:hover+#b{
    color: red;
}

情景二：两个是父子元素

#a:hover #b{
    color: red;
}

情景三：两个是兄弟元素,改变的是一个兄弟元素的子元素

#a:hover+#b>#c{
    color: red;
}