㈠ css錨點鏈接點擊後超鏈接文本消失
技術文章 >web前端 >html教程
求助:CSS超鏈接,選中中再點擊其它地方,設置的選中樣式就消失了。_html/css_WEB-ITnose
2016-06-24 12:16:52原創579
CSS設置:
#page a:hover {text-decoration:none; color:red;}
#page a:active {text-decoration:underline; color:red;}
選中後,再點擊其它空白地方,設置的 a:active樣式就消失了。 應該是該樣式一直保留到點擊同一級別的其它鏈接才對啊...
回復討論(解決方案)
偽類,兼容性不是很好。你可以用 js 來做一個 點擊後 增加一個 class 上去 。
a:link {color: #FF0000} /* 未訪問的鏈接 */a:visited {color: #00FF00} /* 已訪問的鏈接 */a:hover {color: #FF00FF} /* 當有滑鼠懸停在鏈接上 */a:active {color: #0000FF} /* 被選擇的鏈接 */
這個只有被激活狀態的時候,才算符合條件吧
CSS code?1234a:link {color: #FF0000} /* 未訪問的鏈接 */a:visited {color: #00FF00} /* 已訪問的鏈接 */a:hover {color: #FF00FF} /* 當有滑鼠懸停在鏈接上 */a:active {color: #0000FF} /* 被選擇的鏈接 */
這個只有被激……
這個在點擊鏈接的時候不就算激活嗎啊?
這個應該是點擊的那一下,滑鼠沒有松開之前。。正在操作的過程中。。。。
這個應該是點擊的那一下,滑鼠沒有松開之前。。正在操作的過程中。。。。
好吧,那請問下,怎麼改呢?
改成a:visited不能達到你要的效果嗎?
或者,如果你要的效果比較多的話,可以組合使用啊
比如a:visited:hover,這樣表示已經訪問過的鏈接,再有滑鼠懸浮時的情況。
按照自己的情況自己組合試試。
不過,如果操作次數多了話,最好清一下緩存,因為瀏覽器會記住你之前訪問的網站,刷新之後,還是會顯示已經訪問過的情況。
改成a:visited不能達到你要的效果嗎?
或者,如果你要的效果比較多的話,可以組合使用啊
比如a:visited:hover,這樣表示已經訪問過的鏈接,再有滑鼠懸浮時的情況。
按照自己的情況自己組合試試