visited中css不起作用的解決方法

發(fā)布時(shí)間：2020-12-14 09:47:24 來(lái)源：億速云閱讀：276 作者：小新欄目：web開發(fā)

這篇文章主要介紹了visited中css不起作用的解決方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

visited css不起作用的解決辦法：1、更正css定義超鏈接四個(gè)狀態(tài)的順序；2、修改樣式為“a:visited {color: #FFFF00;text-decoration:none;}”即可。

css中:visited怎么不起作用？

1、可能順序不同

css定義超鏈接四個(gè)狀態(tài)也是有順序的

a:link {} /* 未訪問(wèn)的鏈接 */
a:visited {} /* 已訪問(wèn)的鏈接 */
a:hover {} /* 當(dāng)有鼠標(biāo)懸停在鏈接上 */
a:active {} /* 被選擇的鏈接 */

對(duì)于這4個(gè)偽類的設(shè)置，有一點(diǎn)需要特別注意，那就是它們的先后順序，要讓它們遵守一個(gè)順序原則，也就是link ~ visited ~ hover ~ active 。如果把順序搞錯(cuò)了，會(huì)帶來(lái)意想不到的錯(cuò)誤，如果是初學(xué)者，可以私下練習(xí)一下。

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

鏈接無(wú)效會(huì)使a的visited設(shè)置無(wú)效, 這是因?yàn)殒溄狱c(diǎn)擊后沒(méi)有產(chǎn)生網(wǎng)頁(yè)訪問(wèn)的歷史記錄, 所以鏈接點(diǎn)擊后無(wú)效

***如果代碼如下，即a href=“#”鏈接一致，那么會(huì)導(dǎo)致visited點(diǎn)完后全部變色

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享visited中css不起作用的解決方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

visited中css不起作用的解決方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽