CSS - 复合选择器 - 伪类选择器

---

一、 伪类选择器

伪类选择器用于向某些选择器添加特殊的效果, 比如给链接添加特殊效果.
伪类选择器是用 冒号 : 表示

二、链接伪类选择器

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

<style>
    /* 把没有点击过的链接选出来 */
    a:link {
        color: #333;
        text-decoration: none;
    }

    /* 选择点击过的链接 */
    a:visited {
        color: orange;
    }

    /* 选择鼠标经过的那个链接 */
    a:hover {
        color: skyblue;
    }

	/* 选择的是鼠标按下还没有弹起的链接 */
    a:active {
        color: green;
    }
</style>

三、链接伪类选择器注意事项

1. 为了确保生效, 按照 LVHA 的顺序声明 :link :visited :hover :active
2. 因为a标签在浏览器中具有默认样式, 所以我们实际工作中都需要给链接单独指定样式.

四、:focus 伪类选择器

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

input:focus {
	background-color: red;
}