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;
}

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容