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

来源：百度知道 编辑：UC知道 时间：2024/06/16 07:51:00
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 访