伪类通过冒号来定义,它定义了元素的状态,如点击按下、点击完等等,我们之前都是直接操作元素的样式,现在可以为元素的状态改样式,使元素看上去更“动态”。
<style>
/*鼠标悬浮在标签上的状态*/
div:hover, a:hover {
color: green;
}
/*元素在鼠标按下时的状态*/
div:active, a:active {
color: yellow;
}
/*元素被访问后的状态*/
div:active, a:visited {
color: yellow;
}
</style>
伪类选择器使用使得文本样式更加好看