通過指定每一鍵接的不同風(fēng)格以建立CSS翻滾效果，這些鏈接包括普通的鏈接link (normal), 訪問，翻轉(zhuǎn)，以及激活。并且，你可能也知道CSS類型的順序可以產(chǎn)生效果上的差別，CSS代碼后順序的風(fēng)格將會取代針對于相同元素的前順序的風(fēng)格。建立翻滾效果的類型順序顯得相當重要。

　　現(xiàn)在讓我們看看如何安排鏈接狀態(tài)的類型在不產(chǎn)生沖突的情況下支持正常的翻滾效果，并且如何重新安排這些類型順序以獲得不同的翻滾效果。

　　鏈接狀態(tài)

　　典型的CSS翻滾效果依靠于超鏈接中四個狀態(tài)之一的獨立類型。可以建立附帶CSS預(yù)先類的(超鏈接)類型以指定鏈接狀態(tài):

　　a:link——常規(guī)，非訪問超鏈接

　　a:visited——訪問超鏈接

　　a:hover——訪問者操作鼠標通過時的鏈接

　　a:active——點擊鏈接

　　為了能夠使典型的CSS翻滾效果正常工作，CSS代碼中的CSS類型順序顯得非常重要，無論它是一個外部類型表格或者是嵌入在HIML頁標題欄中的類型規(guī)則。

　　a:link類型出現(xiàn)的時間為最早，因為它可應(yīng)用于所有的鏈接。a:visited類型排第二，它將取代任何鏈接的a:link格式。(假如a:link類型緊跟著的是a:visited，a:link可能會取代a:visited類型。)其次是a:hover類型，此類型只應(yīng)用于訪問鼠標下的鏈接。最后是a:active，所以，當鏈接被點擊時，它可以取代所有其它的類型。

a:link { 　　color: #0000FF; 　　text-decoration: underline; 　　font-weight: normal; 　　font-style: normal; 　　} 　　a:visited { 　　color: #3399FF; 　　text-decoration: underline; 　　background-color: #FFFFFF; 　　font-weight: normal; 　　font-style: italic; 　　} 　　a:hover { 　　color: #0000FF; 　　text-decoration: underline; 　　background-color: #FFFF00; 　　font-weight: bold; 　　font-style: normal; 　　} 　　a:active { 　　color: #FF0000; 　　text-decoration: none; 　　background-color: #CCCCCC; 　　font-weight: bold; 　　font-style: normal; 　　}

　　在CSS代碼中的類型順序確定了每一種類型如何取代其它的類型，即更多的類型可以應(yīng)用到特定的元素。正常情況下，a:hover類型處于a:link和a:visited類型之后，所以hover狀態(tài)的類型可以應(yīng)用于常規(guī)和訪問的鏈接。但是，它也并非必須遵循這一方式，你可以改變類型順序?qū)崿F(xiàn)不同的效果。

　　假設(shè)你想在非訪問鏈接中使用翻滾效果，但不想影響到其它訪問鏈接，你或許想到通過代碼來處理這種外形上改變，然而你所要做的是重新組織CSS代碼。

　　從訪問鏈接中移除翻滾效果，可以通過很簡單地移除a:visited類型。

　　注重，a:visited類型中包含指定所有與a:hover相同屬性的規(guī)則，否則，當訪問者的鼠標通過一個訪問鏈接時，沒有被a:visited類型取代的任何a:hover類型屬性將會繼續(xù)再現(xiàn)。