通過CSS類型的順序改變翻滾效果

來源:互聯網
上載者:User
css

你也許已經意識到,你可以通過指定每一鍵接的不同風格以建立CSS翻滾效果,這些連結包括普通的連結link (normal), 訪問,翻轉,以及啟用。並且,你可能也知道CSS類型的順序可以產生效果上的差別,CSS代碼後順序的風格將會取代針對於相同元素的前順序的風格。建立翻滾效果的類型順序顯得相當重要。
 
現在讓我們看看如何安排連結狀態的類型在不產生衝突的情況下支援正常的翻滾效果,並且如何重新安排這些類型順序以獲得不同的翻滾效果。

連結狀態

典型的CSS翻滾效果依賴於超連結中四個狀態之一的獨立類型。可以建立附帶CSS預先類的<a>(超連結)類型以指定連結狀態:

a:link——常規,非訪問超連結

a:visited——訪問超連結

a:hover——訪問者操作滑鼠通過時的連結

a:active——點選連結

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

a:link類型出現的時間為最早,因為它可應用於所有的連結。a:visited類型排第二,它將取代任何連結的a:link格式。(如果a:link類型緊跟著的是a:visited,a:link可能會取代a:visited類型。)其次是a:hover類型,此類型只應用於訪問滑鼠下的連結。最後是a:active,所以,當連結被點擊時,它可以取代所有其它的類型。共3頁。 1 2 3 8 :

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.