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;
}
版权声明:
作者:北忘山
文章:CSS:hover一个元素改变另一个元素样式
链接:https://www.beiwangshan.com/archives/250.html
来源:beiwangshan.com
文章版权归作者所有,未经允许请勿转载。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>