首頁 > web前端 > css教學 > visited css 不起作用怎麼辦

visited css 不起作用怎麼辦

藏色散人
發布: 2023-01-04 09:37:07
原創
3248 人瀏覽過

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

visited css 不起作用怎麼辦

本教學操作環境: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中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板