通過CSS類型的順序改變翻滾效果
你也許已經(jīng)意識到,你可以通過指定每一鍵接的不同風格以建立CSS翻滾效果,這些鏈接包括普通的鏈接link (normal), 訪問,翻轉(zhuǎn),以及激活。并且,你可能也知道CSS類型的順序可以產(chǎn)生效果上的差別,CSS代碼后順序的風格將會取代針對于相同元素的前順序的風格。建立翻滾效果的類型順序顯得相當重要。
現(xiàn)在讓我們看看如何安排鏈接狀態(tài)的類型在不產(chǎn)生沖突的情況下支持正常的翻滾效果,并且如何重新安排這些類型順序以獲得不同的翻滾效果。
鏈接狀態(tài)
典型的CSS翻滾效果依賴于超鏈接中四個狀態(tài)之一的獨立類型。可以建立附帶CSS預(yù)先類的<a>(超鏈接)類型以指定鏈接狀態(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,所以,當鏈接被點擊時,它可以取代所有其它的類型。