CSS 样式表中 如何操作才能使访问过的连接与未访问的连接的文字相同

来源:百度知道 编辑:UC知道 时间:2024/06/16 02:01:26
CSS 样式表中 如何操作才能使访问过的连接与未访问的连接的文字相同
比如我要将文字连接到一个网站 但是在连接过后 文字的颜色会发生变化.如何在CSS样式表中操作才能使它的颜色不发生改变或变成自己想要的颜色?具体一点 谢谢

CSS样式中超链接不同状态下的样式定义如下:

a:link{}     /* 未访问的链接 */
a:visited{}  /* 已访问的链接 */
a:hover{}    /* 当有鼠标悬停在链接上 */
a:active{}   /* 被选择的链接 */

因此,如果想要是访问过的链接和未访问过的链接的文字样式相同,那就保持a:link{}和a:visited{}中的属性定义相同即可。例如:

a:link{color:#000;}     /* 未访问的链接 */
a:visited{color:#000;}  /* 已访问的链接 */

这样的话,未访问的链接和已访问的链接文字颜色都是黑色。

很简单....对要定义的连接使用伪类样式,为了不干扰其他的连接样式 我们做如下处理

.link a:link {text-decoration: none; color: black;}
.link a:visited {text-decoration: none; color: black;}
.link a:hover {text-decoration: none; color: black;}

然后 改写你的连接如下

<span class="link"><a href="">text</a></span>

就可以达到你想要的效果了

伪类的说名

a:link 未被激活的连接
a:visted 访