CSS伪类active可以用来为元素的活动状态添加特殊样式。
a:active { color: red; font-weight: bold; }
上面的CSS代码表示,当用户点击一个链接时,链接文本将会变成红色并加粗显示。通常来说,我们会在CSS中使用hover伪类来为鼠标悬停时添加样式,而active伪类则用于为点击时添加样式。
另一个常见的active伪类例子是在CSS中为按钮添加样式:
button:active { background-color: yellow; border: 2px solid #000; color: #000; outline: none; }
上述代码表示,当用户点击一个按钮时,按钮的背景色将会变成黄色,边框将会显示为2像素宽的黑色边框,文字颜色将会变为黑色,并且去掉聚焦时的外边框。
总之,CSS伪类active可以用于为元素的点击状态添加特殊样式,特别是在网页的UI设计中非常有用。