Part.1 问题

我们写页面时也不少遇到这个问题，在没有使用任何预处理语言前提下，当hover 一个元素的时候怎么改变其它的元素？

这里我把它分为两种情况(除自身以外)  

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

hover时

1： 改变本身的子元素

2： 改变本身元素的兄弟元素

Part.2 解决

第一种情况最常见也相对好解决：

现在我们假设  class1 为父级元素  class2 为子级元素

class1：hover   class2 {

    background: red

}

效果：class1  hover时 class2元素背景色会变 红

 

第二种情况不是很常见：

现在我们假设  class1丶class2 为兄弟元素，这里会用到 CSS3 的兄弟选择器

class1：hover+class2 {

    background: red

}

效果：class1  hover时 class2元素背景色会变 红

        

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄