調整CSS類型的順序改變鏈接翻滾效果_CSS/HTML

鏈接狀態

典型的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，所以，當鏈接被點擊時，它可以取代所有其它的類型。

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代碼中的類型順序確定了每一種類型如何取代其它的類型，即更多的類型可以應用到特定的元素。正常情況下，a:hover類型處于a:link和a:visited類型之后，所以hover狀態的類型可以應用于常規和訪問的鏈接。但是，它也并非必須遵循這一方式，你可以改變類型順序實現不同的效果。

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

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

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

來源：網頁教學網

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com