鼠标 经过父级盒子 ，子集发生变化 a和b相邻

//情景1
<div class="A">
  <div class="B"></div>
</div>

A:hover B{
  //鼠标经过A元素时，B元素背景会变成黑色
  background:#000;
}

//情景2
<div class="A"></div>
<div class="B"></div>

A:hover +B {
  //鼠标经过A元素时，B元素背景会变成黑色
  background:#000;
}