在 CSS 中，active设置允许您为活动元素定义样式，即用户正在向该元素添加输入或点击它时。 像:hover一样，:active是一个伪类选择器，只有在元素的活动状态下才会生效。

/* 将按钮颜色设置为红色，当用户点击时，按钮颜色变为绿色 */button:active {background-color: green;color: white;}

例如，上面的 CSS 规则将使按钮在用户点击时从红色变为绿色。这样，用户可以了解自己正在与网站进行交互，而不是等待直到新页面被加载。

需要注意的是，:active状态只在用户按下鼠标键或使用键盘激活元素时延续，并且在某些情况下可能不适用。 例如，如果用户用鼠标单击链接并将其拖动，则 :active 状态可能会被取消。

除了按钮之外，还有许多其他元素可以使用 :active 状态，例如链接。 以下是一个例子：

/* 将链接设置为青色，当用户点击时，链接颜色变为红色 */a:active {color: red;}

现在，当用户点击链接时，它们将从蓝色变为红色。:active 是一种使您的页面更站点化和互动的好方法，添加 :active 规则将使元素在用户与您的页面交互时更具动态性。