伪类是什么
伪类(pseudo-class)让我们在为HTML元素定义CSS属性的时候,可以将条件和事件都考虑进去。
来看一个例子,在HTML里链接是通过a元素来定义的。因此,在CSS里,我们可以将a作为一个选择器(selector):
a {
color: blue;
}
一个链接可以有不同的状态。例如,它可以是已访问过的,也可以是未访问过的。
可以通过伪类分别为访问过的链接和未访问过的链接设置不同的样式。
a:link {
color: blue;
}
a:visited {
color: red;
}
为未访问过的链接使用伪类 a:link
为已访问过的链接使用伪类 a:visited
活动的链接对应的伪类为 a:active
有鼠标悬停的链接对应的伪类为 a:hover