CSS是前端开发的重要技术之一，可以让我们在页面上自由布局和美化页面。在网页中，我们经常需要添加点击状态下的样式，如何实现呢？
以上是一个简单的按钮元素，当我们点击这个按钮时，会改变按钮的背景色为红色。这是如何实现的呢？
button:active{
background-color: red;
}这段CSS代码就是为点击状态下添加样式的。在CSS中，我们可以使用伪类来描述元素不同状态下的样式。:active伪类选择器是一个下拉菜单，我们在活跃状态（即点击）下调用它定义的样式。在以上代码中，我们为按钮点击状态下添加了背景色为红色。
除了:active伪类选择器，还有:hover伪类选择器用于鼠标悬停时的样式；:focus伪类选择器用于获得输入框焦点时的样式；以及:checked伪类选择器用于复选框或单选框选中时的样式等等。
总之，通过使用伪类选择器，我们可以轻松为不同状态下的元素添加样式，让网页看起来更加美观和交互效果更好。