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

            }

---------------------

作者：wujingj

来源：CSDN

原文：https://blog.csdn.net/sinat_19803127/article/details/80394126

https://blog.csdn.net/sinat_19803127/article/details/80394126