首頁 > web前端 > html教學 > 求助:CSS超链接,选中中再点击其它地方,设置的选中样式就消失了。_html/css_WEB-ITnose

求助:CSS超链接,选中中再点击其它地方,设置的选中样式就消失了。_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:16:52
原創
1223 人瀏覽過


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,这样表示已经访问过的链接,再有鼠标悬浮时的情况。
按照自己的情况自己组合试试。

+1

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