CSS: hover选择器的使用

用法1：这个表示的是：当鼠标悬浮在a这个样式上的时候，a的透明度设置为0，也就是不显示

a:hover

    {

     opacity:0;/*透明度为零*/

    }

用法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;

    }