CSS中hover适用于哪些元素

avatar
作者
筋斗云
阅读量:0

在CSS中,:hover伪类选择器适用于所有元素,包括元素、伪元素和SVG元素。这意味着你可以使用:hover来改变鼠标悬停在页面上的任何元素时的样式。

以下是一些使用:hover的示例:

  1. 改变链接的颜色:
a:hover {   color: red; } 
  1. 改变按钮的背景颜色:
button:hover {   background-color: blue; } 
  1. 改变列表项的样式:
li:hover {   background-color: yellow; } 
  1. 改变图像的透明度:
img:hover {   opacity: 0.5; } 

需要注意的是,:hover只会在用户将鼠标悬停在元素上时应用样式。一旦鼠标离开,样式将恢复为默认值(除非你在CSS中明确指定了其他样式)。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!