; D, g1 Y \9 E9 I) h a:link类型出现的时间为最早，因为它可应用于所有的链接。a:visited类型排第二，它将取代任何链接的a:link格式。(如果a:link类型紧跟着的是a:visited，a:link可能会取代a:visited类型。)其次是a:hover类型，此类型只应用于访问鼠标下的链接。最后是a:active，所以，当链接被点击时，它可以取代所有其它的类型。 ' a- ~8 ~& r% H# R
3 w. V6 W9 s8 U& } F
6 w4 r+ h/ j, P, q9 n a:link { . P, T$ M7 w2 L- F2 V2 L color: #0000FF; % g/ o6 Z9 s3 m+ }2 h7 ~ N2 c
text-decoration: underline; : Q* X8 C# Q- J* T font-weight: normal; ! m0 A( h) e& ?) M" D9 Z2 i6 J font-style: normal; a; Y2 p8 {8 x! H0 [! S5 c } * [. X& S; Q" c
a:visited { + G4 x* A' R! i Z
color: #3399FF; ' I/ p9 V: E% G) q( |+ _( _ `
text-decoration: underline; 7 h% d1 {8 P; l- p2 ~1 o) T7 l
background-color: #FFFFFF; 8 b; X3 s# Y# D: `4 j. B9 `+ X+ b* v font-weight: normal; 6 R L' a) I2 O4 p3 }4 J6 U8 P font-style: italic; - q$ O7 \/ Q, k* o( Z3 D) ] } ; ^% Y- J% q# ~8 ~" ^0 m9 o# O
a:hover { 0 k. l8 f1 e9 L H8 P( S# q/ v color: #0000FF; / z* I4 j2 S# q) |( _6 [
text-decoration: underline; ! k# q7 V' S4 ~8 G" b
background-color: #FFFF00; 2 y* k$ A* G5 l font-weight: bold; 2 t! p/ u, J8 O9 y O9 Y font-style: normal; - f; N7 N' Z7 ^/ } I } 8 c: Q4 [1 G/ F, s5 @' l
a:active { 5 E6 W+ }1 \- N2 j7 \; B
color: #FF0000; 3 u+ A) z& `$ N$ N# h text-decoration: none; $ O. l# R, {( R9 h, T) w: g! }
background-color: #CCCCCC; z2 B7 O7 b/ [! g
font-weight: bold; 8 ?: g9 R6 n1 E font-style: normal; 4 W8 x# T" f) I* b. [; z } 7 p% }, {7 T& z4 f9 v% g8 u/ U
% ~! O. ~& ^ l9 U# g
3 F b5 p8 k/ E; Y( |
在CSS代码中的类型顺序确定了每一种类型如何取代其它的类型，即更多的类型可以应用到特定的元素。正常情况下，a:hover类型处于a:link和a:visited类型之后，所以hover状态的类型可以应用于常规和访问的链接。但是，它也并非必须遵循这一方式，你可以改变类型顺序实现不同的效果。 : ]5 ]) t2 h4 X6 I. l5 f2 L( a- a( _5 k X/ I! G. j
) e5 ]1 T5 H( X6 k+ ^ 假设你想在非访问链接中使用翻滚效果，但不想影响到其它访问链接，你或许想到通过代码来处理这种外形上改变，然而你所要做的是重新组织CSS代码。 9 b5 q' |5 I5 R. m6 e 9 ?1 J; e: m; K/ `1 v, h! {2 d V! f! i- \5 ~8 Q
从访问链接中移除翻滚效果，可以通过很简单地移除a:visited类型。 2 \- u: t- J) U0 r1 j & d0 n& _3 a7 V% ^. u* V % p2 c% B9 l: m& I, x 注意，a:visited类型中包含指定所有与a:hover相同属性的规则，否则，当访问者的鼠标通过一个访问链接时，没有被a:visited类型取代的任何a:hover类型属性将会继续再现。
