:active CSS伪类匹配被用户激活的元素。它让页面能在浏览器监测到激活时给出反馈。当用鼠标交互时，它代表的是用户按下按键和松开按键之间的时间。 :active 伪类通常用来匹配tab键交互。通常用于但并不限于 <a> 和 <button> HTML元素。

    这个样式可能会被后声明的其他链接相关的伪类覆盖，这些伪类包括 :link，:hover和 :visited。

    为了正常加上样式，需要把 :active的样式放在所有链接相关的样式后，这种链接伪类先后顺序被称为LVHA顺序: :link — :visited — :hover — :active。

    注意: 在有多键鼠标的系统中，CSS 3 规定 :active 伪类必须只匹配主按键；对于右手操作鼠标来说就是左键。

    像我这种普通用户，左键按下和右键按下都是激活元素，或者说给元素加上:active

    1. body { background-color: #ffffc9 }
    2. a:link { color: blue } /* 未访问链接 */
    3. a:visited { color: red } /* 已访问链接 */
    4. a:hover { font-weight: bold } /* 用户鼠标悬停 */
    5. a:active { color: lime } /* 激活链接 */
    <body>
    <h1>:active CSS选择器示例</h1>
    <p>这个链接在鼠标按下和松开的这段时间内会变成绿色,访问过后(点击)变红色，悬停加粗，未访问是蓝色: <a href="#">Mozilla Developer Network</a>.
    </p>
</body>