CSS中伪类hover的用法

   html代码:假设有这几个div盒子

    <div class="box1">

        <div class="box1-1"></div>

    </div>

    <div class="box2"></div>

    <div class="box3"></div>

hover对自身元素生效

        .box1:hover{

            background-color: black;

        }

hover对子元素生效

  .box1:hover .box1-1{

            background-color: black;

        }

        }

hover对同级相邻元素生效

.box1:hover +box2{

            background-color: black;

        }

hover对任意元素生效

.box1:hover ~box3{

            background-color: black;

        }