# 伪类选择器

伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第 1, 第 n 个元素

伪类选择器书写最大的特点是用冒号 (:) 表示，比如 :hover , :first-child

伪类选择器很多，比如由链接伪类，结构伪类

# 链接伪类

1
2
3
4

a:link		/*选择所有未被访问的链接*/
a:visited	/*选择所有已被访问的链接*/
a:hover		/*选择鼠标指针位于其上的链接*/
a:active	/*选择活动链接(鼠标按下未弹起的链接)*/

链接伪类使用注意事项

• 为了确保生效，请按照 LVHA 的顺序声明 : link, visited, hover, active

• 因为 a 标签在浏览器中具有默认样式，所以我们实际工作中都需要给链接单独指定样式

• 实际工作中最常用的写法

  1 2 3 4 5 6 7

  a { ... } a:hover { ... }

# focus 伪类选择器

:focus 伪类选择器用于选取获得焦点的表单元素

焦点就是光标，一般情况下 <input> 嘞表单元素才能获取，因此这个选择器也主要针对于表单元素

1
2
3

input:focus {
    background-color: pink;
}