关于:hover问题不能用在其他上面

:hover只能作用于兄弟元素和父元素吗?想用在其他上面有什么办法。

css的渲染方式是从外到内,从上到下的遍历页面元素,
css中关系选择符类别中也只能是选择子元素E F或E>F,与选择之后的兄弟元素E+F或E~F
所以使用hover来控制其他元素的样式,被控制的元素只能是hover的子元素,或者之后的兄弟元素。
如果不是这两种情况就需要尽量改变页面元素布局,让它符合这两种情况。
或者改用js设置 mouseleave 和 mouseenter 事件来控制其他元素。

使用场景是什么?作用在兄弟的子元素吗