[分享]css两个hover什么意思

在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伪类则可以让我们在鼠标点击一个元素后，保持元素样式的改变。比如，当用户点击一个按钮时，按钮颜色变成了蓝色，当用户将鼠标移开按钮时，按钮颜色依旧保持蓝色。