a標簽的常見樣式


在支持 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。實際編寫當中我們很容易不按順序來寫,這里需要特別注意


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM