伪类选择器:
为了和我们刚才学的类选择器相区别
类选择器是一个点 比如 .demo {}
而我们的伪类 用 2个点 就是 冒号 比如 :link{} 伪娘
作用:
用于向某些选择器添加特殊的效果。比如给链接添加特殊效果, 比如可以选择 第1个,第n个元素。
因为伪类选择器很多,比如链接伪类,结构伪类等等。我们这里先给大家讲解链接伪类选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
/*未访问过链接的状态 正常状态*/
a:link{
color:yellowgreen;
text-decoration: none;
}
/*已经访问的链接 我们点击过*/
a:hover{
color:blue;
}
/*鼠标经过链接时候的状态*/
a:visited{
color: purple;
}
/*当我们点击的时候(按下鼠标,别松开的时候)*/
a:active{
color: red;
}
</style>
<body>
<a href="http://www.xiaomi.com">小米手机</a>
<a href="http://www.dami.com">大米手机</a>
<!-- p.one -->
</body>
</html>
css
- a:link /* 未访问的链接 */
- a:visited /* 已访问的链接 */
- a:hover /* 鼠标移动到链接上*/
- a:active /* 选定的链接 */
**注意**
* 写的时候,他们的顺序尽量不要颠倒 按照 lvha 的顺序。否则可能引起错误。
* 记忆法
* **l**o**v**e **ha**te 爱上了讨厌
* **lv **包包 非常 **ha**o
* 因为叫链接伪类,所以都是 利用交集选择器 a:link a:hover
* 因为a链接浏览器具有默认样式,所以我们实际工作中都需要给链接单独指定样式。