css锚点链接点击后超链接文本消失

html-css013

css锚点链接点击后超链接文本消失,第1张

技术文章 >web前端 >html教程

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

2016-06-24 12:16:52原创579

CSS设置:

#page a:hover {text-decoration:nonecolor:red}

#page a:active {text-decoration:underlinecolor: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,这样表示已经访问过的链接,再有鼠标悬浮时的情况。

按照自己的情况自己组合试试

target=_blank

锚链接可以具有target控制在点击该链接时发生的事件的属性。

_parent,_top,name,必须结合frame的使用。

<a target=_blank href=/cgi-bin/mybbs/>aaa</a>

浏览器将打开一个新的窗口显示aaa。

扩展资料:

target的特殊取值:_blank,_self,_parent,_top,_new。

为了理解这些个取值的不同,我们在iframe中来看一眼。主要是target值_parent和_top的区别。

首先,有四个页面,一个father.html,一个big.html,一个middle.html,一个small.html。

father.html承载big.html,代码如下:

big.html承载middle.html,代码如下:

middle.html承载small.html,代码如下:

small.html中有一个超链接,代码如下,给这个超链接以不同的target值相应的效果:

原始的效果是这样:

设置target值为_self(同样也是默认取值)效果如下:在超链接所在窗口中页面打开。

设置target值为_parent效果如下:父窗口中打开。如果本身是顶级窗口则_parent效果和_self相同。

设置target值为_top效果如下:在顶级窗口中打开。

所以综合上面效果,在用到多层框架时需要注意超链接跳转时target值的选择。