這篇文章主要介紹了visited中css不起作用的解決方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
visited css不起作用的解決辦法:1、更正css定義超鏈接四個狀態的順序;2、修改樣式為“a:visited {color: #FFFF00;text-decoration:none;}”即可。
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>
感謝你能夠認真閱讀完這篇文章,希望小編分享visited中css不起作用的解決方法內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。