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,一般情况下最终效果
都会完全相同。

转载于:https://www.cnblogs.com/babyzone2004/archive/2010/07/11/1775265.html

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页