29.2.4　访问过后的状态

在浏览网页时，发现有的链接颜色发生变化了，变化后的颜色刚好是访问过后的链接，那些都是默认的访问过后的状态，从默认情况上看，访问过后的颜色不是很好看。要想改变访问过后的状态，用visited可以设置访问过后的状态，其完整语法如下。

a：visited{

/property：value；/

}

设置a对象在其链接地址已被访问过时的样式。IE3将：link伪类的样式表属性作用于：visited伪类，默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用，对于无href属性（特性）的a对象，此伪类不发生作用。请参阅body对象的vlink属性（特性）和document对象的vlinkColor特性。

代码29.5　表示visited的用法，当访问过后的，链接的样式就是visited的样式，当然，可以设置成与link一样。

代码29.5　源代码\第29章\visited应用.html

—————————————-文件名：visited应用.html——————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞：visited属性＜/title＞

04 ＜style＞

05 /设置链接访问后的状态/

06 a.demo：visited{

07 background：#CCCFFF；

08 color：#000000；

09 }

10 #idCodeDiv{

11 width：100%；

12 padding：4px；

13 font-family：verdana, tahoma；

14 margin：12px 0px 0px 0px；

15 background-color：#EEEEEE；

16 font-weight：bold；

17 }

18 ＜/style＞

19 ＜/head＞

20 ＜body bgcolor=lightyellow＞

21 ＜center＞

22 ＜a class=demo href="none.html"onclick="return false；"＞

23 床前明月光；疑是地上霜。举头望明月；低头思故乡。＜br＞＜/a＞

24 ＜/center＞

25 ＜br＞

26 ＜br＞

27 ＜div id=idCodeDiv＞a：visited{background：#FF3300；color：#00000

28 ＜/div＞

29 ＜/body＞

30 ＜/html＞

【代码解析】第6～9行演示了：visited属性的使用方法，访问过后状态会变化，而不是默认的值，其效果如图29.5所示。

图　29.5　：visited属性

说明　伪类的使用主要是对链接的样式进行控制，大部分网页中的应用都建立在链接标记＜a＞基础上，其中在上面四个状态中，访问链接时的link和鼠标指针放置链接对象上的hover应用机会更多、更常用，所表示的效果也不一样。