css的hover兄弟选择器怎么控制前面的元素

c控制b的样式
HTML


div class="a">
      <div class="b">b元素</div>
      <div class="c">c元素</div>
</div>

CSS

.c:hover +.b{
      color:red;
      }


<div class="parent">
    <div>第一个div<div>
    <div class="div2">第二个div<div>
    <div>第三个div<div>
</div>



css
.parent>div:first-child

+只能影响到同级相邻下一个的元素

<style>
.b:hover + .c{
      color:red;
}
</style>