CSS:hover一个元素改变另一个元素样式

情景1：A元素是B元素的父级

//情景1
<div class="A">
  <div class="B"></div>
</div>
A:hover B{
  //鼠标经过A元素时，B元素背景会变成黑色
  background:#000;
}

情景2：A元素与B元素相邻且A紧接着B

如果B元素在A元素之前，是无法使用+选择符的

//情景2
<div class="A"></div>
<div class="B"></div>
A:hover +B {
  //鼠标经过A元素时，B元素背景会变成黑色
  background:#000;
}