：hover的几种选择用法

一、父元素对子元素的选择

此时.div2是.div1的子元素

.div1:hover .div2{
   color；black;
}

二、兄弟元素的选择

此时的.div2与.div1是相邻的兄弟元素

.div1:hover + .div2{
   background-color:black;
}

三、相邻元素的选择

此时的.div3与.div1是兄弟元素但不是相邻元素

.div1:hover ~ .div3{
   background-color:black;
}

四、对自己进行选择

.div1:hover{
   background-color:black;
}