天天看点

a和a:link的区别

这个问题很久之前就遇到过,今天刚好有再次遇到,顺便写下来吧。

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,一般情况下最终效果

都会完全相同。