:link 选择器用于选取未被访问的链接。
注释::link 选择器不会设置已经访问过的链接的样式。
示例:选择未被访问的链接,并设置其样式a:link
{
background-color:yellow;
}
拓展知识
链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。
特别的链接,可以有不同的样式,这取决于他们是什么状态。
这四个链接状态是:a:link - 正常,未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻
当设置为若干链路状态的样式,也有一些顺序规则:a:hover 必须跟在 a:link 和 a:visited后面
a:active 必须跟在 a:hover后面
实例:
a:link {background-color:#B2FF99;} /* 未访问链接 */
a:visited {background-color:#FFFF85;} /* 已访问链接 */
a:hover {background-color:#FF704D;} /* 鼠标移动到链接上 */
a:active {background-color:#FF704D;} /* 鼠标点击时 */
注意: hover必须在:link和 a:visited之后定义才有效.
注意:active必须在hover之后定义是有效的.