CSS 样式表中 如何操作才能使访问过的连接与未访问的连接的文字相同
来源:百度知道 编辑:UC知道 时间:2024/06/16 02:01:26
CSS 样式表中 如何操作才能使访问过的连接与未访问的连接的文字相同
比如我要将文字连接到一个网站 但是在连接过后 文字的颜色会发生变化.如何在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 访