在某些大型购物网站、新闻网站中可以看到许许多多的链接，其中很多链接的样式都为黑色，当鼠标放到某一链接上的时候，链接的颜色也会变化，点击过后颜色也会变化。这就用到了CSS复合选择器中的链接伪类选择器。
定义：伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊的效果，或者选择第1个，第n个元素。
1.用冒号 (:) 表示，比如 :hover. :first-child.
<style>
/* 1.未访问的链接 a:link 把未访问过（未点过的）的链接选出来 */
a:link {
color: #333;
text-decoration: none;
}
/* 2. a:visited 选择点击过的（访问过的）链接 */
a:visited {
color: orange;
}
/* 3. a:hover 选择鼠标经过的那个链接 使其变颜色 */
a:hover {
color: skyblue;
}
/* 4. a:active 选择的是我们鼠标正在按下还没有弹起鼠标的那个链接 */
a:active {
color: green;
}
/* 为了确保生效，请按照 LVHA 的循顺序声明 :link - :visited - :hover - :active. */
</style>
</head>
<body>
<a href="#">小猪佩奇</a><br>
<a href="http://www.xxxxxxxxxxx.com">未访问的链接</a>
</body>2. 链接伪类选择器写法
<style>
body {
color: red;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #369;
text-decoration: none;
}
</style>
</head>
<body>
<a href="#">小猪佩奇</a><br>
<a href="http://www.xxxxxxxxxxx.com">未访问的链接</a>
</body>*复合选择器总结
| 选择器 | 作用 | 特征 | 使用情况 | 隔开符号及用法 |
|---|---|---|---|---|
| 后代选择器 | 用来选择后代元素 | 可以是子孙后代 | 较多 | 符号是空格 .nav a |
| 子代选择器 | 选择最近一级元素 | 只选亲儿子 | 较少 | 符号是大于 .nav>p |
| 并集选择器 | 选择某些相同样式的元素 | 可以用于集体声明 | 较多 | 符号是逗号 .nav, .header |
| 链接伪类选择器 | 选择不同状态的链接 | 跟链接相关 | 较多 | 重点记住a{}和 a:hover 实际开发的写法 |
| :focus选择器 | 选择获得光标的表单 | 跟表单相关 | 较少 | input:focus 记住这个写法 |
