CSS | :hover 选择器

当鼠标悬停在元素上时，此选择器用于设置元素的样式。它可以用于每个元素。

句法：

element :hover{
CSS declarations;
}

示例 1：更改悬停在元素上时的背景颜色。

  

    

  

  
    
 hover it
  

  

输出：
最初的：

悬停时：

示例 2：将鼠标悬停在文本上时显示隐藏块。

  

    

  

  
    

Hover to see hidden GeeksforGeeks.

    

        GeeksforGeeks
    
  

  

输出：
最初的：

悬停时：

示例 3：更改悬停在元素上时的字体颜色。

  

    

  

  
    
 hover it
  

  

输出：
最初的：

悬停时：

示例 4：更改悬停在文本上的字体系列。

  

    

  

  
    
 hover it
  

  

输出：
最初的：

悬停时：

示例 5：将鼠标悬停在元素上时将文本装饰更改为下划线。

  

    

  

  
    
 hover it
  

  

输出：
最初的：

悬停时：

浏览器支持

• 谷歌浏览器 4.0
• 浏览器 7.0
• Mozilla 火狐 2.0
• Safari 3.1
• 歌剧 9.6