利用伪类选择器和伪元素选择器可以为文档中不一定具体存在的结构指定样式,或者为某些元素(甚至是文档本身)的状态所指示的幻像类指定样式。
所在的伪类和伪元素关键字前面都有一个冒号。
链接伪类
链接是指有href属性的所有a元素,共有两个链接伪类。
伪类名 | 描述 |
:link | 未访问过的链接 |
:visited | 已访问过的链接 |
示例: a:link {color:blue;}
a:visited {color:red;}
动态伪类
动态伪类可以根据用户行为改变文档的外观,共定义了三个动态伪类。
伪类名 | 描述 |
:focue | 元素获得输入焦点时 |
:hover | 鼠标停留时 |
:active | 鼠标停留并点击 |
选择第一个元素(:first-child)
根据语言选择(:lang())
设置第一行格式(:first-line)
:first-letter、:first-line伪元素只能用于块标记或段落标记,不能用于超链接等行内元素。