本文共 374 字，大约阅读时间需要 1 分钟。

首先第一条很重要

元素添加hover伪类选择器时候一定要紧贴hover，不能有空格，有空格的话表示给该元素的所有子元素设置里hover样式

错误例子：

ul :hover{} //ul的所有子元素设置了hover样式

正确例子：

ul:hover{} // ul会显示出想要的效果

想要在父元素添加hover，在指定的子元素实现效果

子元素应该写在hover后面空格隔开

    
   
     
   
          
    
di1ge
          
    
di2ge
          
    
di3ge
     
   

这个例子中当鼠标经过ul的时候，li会在设置的角度旋转

⚠️注意：仅可以给自身的子元素设置样式，给其他元素子元素设置无效

div:hover .one{}  //不显示任何效果，hover失效

转载地址：http://qrtii.baihongyu.com/