CSS的伪类可以帮助我们实现一些特殊的操作,其中一个最常用的伪类是:hover,表示鼠标移动到元素上面的时候触发的样式。除了这个伪类,还有一个常用的伪类是:active,表示在点击(或者触摸)元素的时候触发的样式。
button:active { background-color: red; color: white; }
上面的代码表示,当我们点击一个按钮的时候,按钮的背景颜色会变成红色,文字的颜色会变成白色。
除了这两个伪类,CSS还有:focus伪类,表示元素获得焦点的时候触发的样式。比如下面这个例子:
input:focus { border: 1px solid blue; }
上面的代码表示,当我们选中一个输入框的时候,输入框会出现一条1像素宽的蓝色边框。
除了这些基本的伪类,我们还可以自定义一些伪类,比如:
a:visited { color: gray; }
上面的代码表示,当我们访问过一个链接之后,这个链接的颜色会变成灰色。
总之,CSS的伪类是非常强大的,可以帮助我们实现一些非常酷炫的效果,而且用起来非常简单,非常值得我们深入学习。