淘先锋技术网

首页 1 2 3 4 5 6 7

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设计中非常有用。