visited css 不起作用怎麼辦

visited css不起作用的解決方法：1、更正css定義超連結四個狀態的順序；2、修改樣式為「a:visited   {color: #FFFF00;text-decoration:none;} ”即可。

本教學操作環境：windows7系統、css3版、thinkpad t480電腦。

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>

推薦：《css影片教學》

以上是visited css 不起作用怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！