在支持 CSS 的瀏覽器中,鏈接的不同狀態都可以不同的方式顯示,這些狀態包括:活動狀態,已被訪問狀態,未被訪問狀態,和鼠標懸停狀態。分別如下設置:
a:link {color: red} /* 未訪問的鏈接 */
a:visited {color: green} /* 已訪問的鏈接 */
a:hover {color: black} /* 鼠標移動到鏈接上 */
a:active {color: yellow} /* 選定的鏈接,即鼠標按下去的時候不松開顯示的狀態 */
注意:有時候我們發現設置了上面的屬性但是沒有效果,這是因為他們是有順序的
1、a:hover 必須被置於 a:link 和 a:visited 之后,才是有效的。
2、a:active 必須被置於 a:hover 之后,才是有效的。
總結來說就是 link、visited、hover、active。實際編寫當中我們很容易不按順序來寫,這里需要特別注意