16.1. CSS :link 伪类

:link -- CSS :link 伪类,适用于未被用户访问过的链接
  • 语法: :link
  • CSS版本:CSS1
  • 引用网址:http://www.dreamdu.com/css/pseudo-class_link/
  • 说明:
    • 适用于未被用户访问过的链接
    • 用户终端(例如:浏览器)通常区别显示未访问的链接与已访问的链接,CSS提供伪类:link:visited用以区分两种状态的链接
    • 未访问链接与已访问链接是互斥的
  • link,中文"链接"的意思

语法

:link
a:link
a.class:link

示例

a:link
{
	color: red;
}

上面定义未被访问的链接样式为red

文档语言决定哪些元素是超链接的源链。例如,在HTML中,链接伪类适用于带有href属性的a元素。因此,下面的两个CSS声明是等价的

a:link
{
	color: blue;
}
:link
{
	color: blue;
}

猴子提示: 对于已经访问的链接,浏览器会记录访问的信息,查看下面示例前请先清空浏览器缓存的数据

CSS :link 伪类示例 -- 可以尝试编辑

a.dreamdu:link
{
	color:red;
}

上面示例匹配class属性值为dreamdu的链接样式

CSS :link 伪类示例 -- 可以尝试编辑

浏览器兼容性

CSS E:link 伪类浏览器兼容性
选择符 IE6 IE7 IE8 IE9 FF CH OP SA
E:link yes yes yes yes yes yes yes yes

参考



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都