情景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;
}
如果觉得我的文章对你有用,请随意赞赏