这个问题很久之前就遇到过,今天刚好有再次遇到,顺便写下来吧。
a和a:link有什么区别?不妨看下代码:
有两个标签
<a>红色链接</a>
<a href="#">蓝色链接</a>
并且赋予颜色:
a{ color:#900}
a:link{ color:#00F}
a{ color:#900}是红色,a:link{ color:#00F}是蓝色,实际显示的颜色是,使用a的是红色,使用a:link的是蓝色,这说明a:link会对拥有href=”“,即拥有实际链接地址的a对象发生效果。而对直接使用a对象的内容不产生效果。实际上,大多数情况我们直接用a而不是a:link,一般情况下最终效果都会完全相同。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<mce:style type="text/css"><!--
a{ color:#900}
a:link{ color:#00F}
--></mce:style><style type="text/css" mce_bogus="1"><!--
a{ color:#900}
a:link{ color:#00F}
--></style>
</head>
<body>
<a>红色链接</a>
<a href="#" mce_href="#">蓝色链接</a>
</body>
</html>
使用a的是红色,使用a:link的是蓝色,这说明a:link会对拥有href=”“即拥有实际链接地址的a对象发生效果。
而对直接使用a对象的内容不产生效果。实际上,大多数情况我们直接用a而不是a:link,一般情况下最终效果
都会完全相同。