CSS: hover选择器的使用详解

用法1：这个表示的是：当鼠标悬浮在a这个样式上的时候，a的背景颜色设置为黄色

a:hover

    {

        background-color:yellow;

    }

用法2:

使用a 控制其他块的样式：

　　使用a控制a的子元素 b：

.a:hover .b {

        background-color:blue;

    }

使用a控制a的兄弟元素 c(同级元素)：

.a:hover + .c {

        color:red;

    }

使用a控制a的就近元素d：

.a:hover ~ .d {

        color:pink;

    }