CSS :link 伪类用于选择页面中的超链接元素，并为超链接设置样式。只有带有 href 属性的超链接元素才会被 :link 伪类匹配。
使用 :link 伪类时需要特别注意，只有 带有 href 属性的超链接 <a> 元素 才会被 :link 伪类匹配。例如：
<!-- 下面的超链接都会被匹配 --> <a href="#">随机链接</a> <a href="#id">内部链接</a> <a href="http://www.htmleaf.com">外部链接</a> <!-- 下面这个超链接不会被匹配 --> <a>不带href属性的超链接</a>
通常超链接元素在不同的状态下可以使用以下4个不同的伪类来为它设置样式： :link 、、和。
:link 伪类是超链接被应用，还没有被用户激活之前的状态。
当你在CSS中为超链接元素同时定义了以上4个伪类的时候，要注意它们的书写顺序。正确的书写顺序是： :link ———。抽取第一个字母是“LVHA”，你可以把它记忆为“L oV e HA te”（喜欢讨厌）。
a:link {
/* style links */
}
a:visited {
/* style visited link */
}
a:hover {
/* hover styles */
}
a:active {
/* active state styles */
}
示例代码
下面的代码使用LVHA原则为页面中的超链接元素设置样式。
a:link {
color: skyblue;
border-bottom: 1px solid #aaa;
}
a:visited {
color: grey;
}
a:hover {
border-bottom: 1px solid skyblue;
}
a:active {
background-color: skyblue;
color: white;
}
在线演示
下面的例子将超链接元素的 :link 状态设置为深色背景和白色文字。
浏览器支持
所有的现代浏览器都支持 :link 伪类，包括：Chrome, Firefox, Safari, Opera, Internet Explorer 以及 Android 和 iOS。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did31741