沐鳴總代理_css中:visited怎麼不起作用?

1、可能順序不同

css定義超鏈接四個狀態也是有順序的

a:link {} /* 未訪問的鏈接 */
a:visited {} /* 已訪問的鏈接 */
a:hover {} /* 當有鼠標懸停在鏈接上 */
a:active {} /* 被選擇的鏈接 */

對於這4個偽類的設置,有一點需要特別注意,那就是它們的先後順序,要讓它們遵守一個順序原則,也就是link ~ visited ~ hover ~ active 。如果把順序搞錯了,會帶來意想不到的錯誤,如果是初學者,可以私下練習一下。

2、可能a href中的鏈接失效

鏈接無效會使a的visited設置無效, 這是因為鏈接點擊后沒有產生網頁訪問的歷史記錄, 所以鏈接點擊后無效

***如果代碼如下,即a href=“#”鏈接一致,那麼會導致visited點完后全部變色

  a:visited   {color: #FFFF00;  text-decoration:none;}
<p><a href="#">AA</a></p>
<p><a href="#">BB </a></p>

站長推薦

1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲

2.廣告聯盟: 整理了目前主流的廣告聯盟平台,如果你有流量,可以作為參考選擇適合你的平台點擊進入

鏈接: http://www.fly63.com/article/detial/7533