CSS点击过的样式是一个非常常见的网页设计效果，它可以增加用户交互性和视觉效果，让用户更容易地理解页面的结构和功能。下面我们来学习一下如何使用CSS实现点击过的样式。
在CSS中，我们可以使用伪类来指定点击过的样式。常见的伪类有:hover、:active和:visited。
:hover用于当鼠标悬停在元素上时应用样式，:active用于当元素被点击时应用样式。而:visited用于设置已访问链接的样式。由于安全问题，:visited使用限制较多，只能用于a标签。
a:hover {
color: red;
}
button:active {
background-color: gray;
}
a:visited {
color: green;
}
这里我们使用了color和background-color属性来改变链接文本和按钮的颜色。在实际应用中，当用户悬停或点击链接时，我们可以将链接文本变为下划线或将按钮的背景色变暗，以指示用户当前所处的状态。
需要注意的是，伪类的样式优先级较低，如果与其他样式冲突，需要使用!important声明来提高优先级：
a:hover {
text-decoration: underline !important;
}
最后，我们需要了解的是，不同的浏览器对点击过的样式支持程度不同，使用时需要根据自己的实际需求选择合适的方式。
