css两个hover什么意思

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,有两种不同的:hover伪类,它们分别是:hover和:active:hover。这两个伪类的作用都是在用户鼠标放到一个元素上时在网页上显示动态效果。 /*** :hover伪类 ***/

在CSS中,有两种不同的:hover伪类,它们分别是:hover和:active:hover。这两个伪类的作用都是在用户鼠标放到一个元素上时在网页上显示动态效果。

 /*** :hover伪类 ***/
  /* 在鼠标滑过元素时,改变元素的样式 */
  a:hover {
    color: red;
  }
  
  /*** :active:hover伪类 ***/
  /* 在鼠标点击元素时,改变元素的样式,鼠标滑过时保持改变后的样式 */
  a:active:hover {
    color: blue;
  } 

:hover伪类可以让我们在网页中添加很多新奇的效果,比如在鼠标滑过一个按钮时改变按钮颜色、在鼠标滑过一个链接时改变链接字体颜色等。而:active:hover伪类则可以让我们在鼠标点击一个元素后,保持元素样式的改变。比如,当用户点击一个按钮时,按钮颜色变成了蓝色,当用户将鼠标移开按钮时,按钮颜色依旧保持蓝色。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css两个hover什么意思

粉丝

0

关注

0

收藏

0

已有0次打赏