29.2.3　获得焦点的状态

获得焦点的状态也是伪类的一种，表示鼠标单击链接时，获得的焦点时的状态，其语法用active表示，完整语法如下。

a：active{

/property：value；/

}

说明：设置对象在被激活（在鼠标单击与释放之间发生的事件）时的样式；在CSS1中此伪类仅可用于a对象，对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象，并且：active可以和：link以及：visited状态同时发生。

获得焦点的状态是链接对象，当链接被获得焦点时，这时的效果就像active设置效果，代码29.4表示active的用法。

代码29.4　源代码\第29章\active应用.html

——————————————文件名：active应用.html——————————————

01 ＜html＞

02 ＜head＞

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

04 ＜style＞

05 /设置链接的active状态/

06 a.demo：active{

07 background：#CCCFFF；

08 color：#000000；

09 }

10 /设置层的样式/

11 #idCodeDiv{

12 width：100%；

13 padding：4px；

14 /设置字体/

15 font-family：verdana, tahoma；

16 margin：12px 0px 0px 0px；

17 background-color：#EEEEEE；

18 /设置字体为粗体/

19 font-weight：bold；

20 }

21 ＜/style＞

22 ＜/head＞

23 ＜body bgcolor=lightyellow＞

24 ＜center＞

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

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

27 ＜/center＞

28 ＜br＞

29 ＜br＞

30 ＜div id=idCodeDiv＞a：active{background：#CCCFFF；color：#000000；}

31 ＜/div＞

32 ＜/body＞

33 ＜/html＞

【代码解析】代码第6～9行演示了：active属性的使用方法，当对象获得焦点时，样式效果就是active所设置的那样，其效果如图29.4所示。

图　29.4　：hover属性