当使用hover的时候不起作用时,要查看我们操作的元素是否处于同级状态,我们平时处理的基本上都是父子级的元素,下面是同级的用法: 当使用hover控制同级元素:鼠标浮上box1时box2显示 <div class="box1">box1</div> <div class="box2">box2</div> 解决办法: .box2 { display: none; } .box1:hover +.box2 { display: block; } 只需加一个" + "即可。