:active 伪类匹配被用户激活的元素

:active 伪类匹配被用户激活的元素，可以是任何元素

  CSS :active 伪类匹配被用户激活的元素。
  它让页面能在浏览器监测到激活时给出反馈。
  当用鼠标交互时，它代表的是用户按下按键和松开按键之间的时间。

:active 伪类一般被用在 <a> 和 <button> 元素中.,这个伪类的一些其他适用对象包括包含激活元素的元素，以及可以通过他们关联的<label>标签被激活的表格元素。

这个样式可能会被后声明的其他链接相关的伪类覆盖，这些伪类包括 :link，:hover 和 :visited。为保证样式生效，需要把 :active 的样式放在所有链接相关的样式之后。这种链接伪类先后顺序被称为 LVHA 顺序：:link — :visited — :hover — :active。

a:link {
    
     color: blue; }          /* 未访问链接 */
a:visited {
    
     color: purple; }     /* 已访问链接 */
a:hover {
    
     background: yellow; }  /* 用户鼠标悬停 */
a:active {
    
     color: red; }         /* 激活链接 */

p:active {
    
     background: #eee; }   /* 激活段落 */