网页 csshover的简单介绍（+，~的用法）

本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问

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