注意hover后面一帮都是控制子元素
hover更改同级（兄弟）元素属性：
更改兄弟元素又分两种情况：
（1）需要更改的兄弟元素是当前元素的相邻元素，也就是说紧接着当前元素。那么写法如下：
.item-1:hover +.item-2{
background-color:#50ff00;
}（2）需要改变的兄弟元素不是当前元素的邻接元素（如上面演示图中的 item-1 和 item-3）。
这种情况就需要改一下写法，用上面的 “+” 就行不通了，得用 “~”。写法如下：
.item-1:hover ~.item-3>.item-3-child{
background-color:#50ff00;
}
