UC知道css超链接样式 不起作用
来源：百度知道 编辑：UC知道 时间：2024/05/11 18:14:33
我在网页中定义了这样一个样式
<style type="text/css">
<!--
a:link{ color:#FF0000; text-decoration: underline}
a:visited { color:#000000; text-decoration: none}
a:hover { color:#FFFFFF; text-decoration: underline}
a:active { color:#00FF00; text-decoration: underline}
-->
</style>
</head>
<body><p align="center">
<a href="index.htm">生活</a></p>
</body>
</html>
当<a href="#">生活</a>时，link样式起作用，可是当<a href="index.htm">生活</a>时link样式不起作用，只有后面三个起作用，网页预览里面也总是visited的样式。
<style type="text/css">
<!--
a:link{ color:#FF0000; text-decoration: underline}
a:visited { color:#000000; text-decoration: none}
a:hover { color:#FFFFFF; text-decoration: underline}
a:active { color:#00FF00; text-decoration: underline}
-->
</style>
</head>
<body><p align="center">
<a href="index.htm">生活</a></p>
</body>
</html>
当<a href="#">生活</a>时，link样式起作用，可是当<a href="index.htm">生活</a>时link样式不起作用，只有后面三个起作用，网页预览里面也总是visited的样式。
你别放在<p>里面再试试，如果还不行就是浏览器的问题了，貌似我也遇到过类似的问题，好像也没有解决。
网页预览里面也总是visited的样式，这是当然的了，你已经访问过这个地址了，浏览器会一直记得的，除非到期或者你清除掉。
css超链接用a标签做，想要起作用这样做：a{color：#000；} a:hover{color:#f00;}
就这2个设置就OK。
一般规律是这样的：
a:link代表：超链接普通样式。正常浏览器状态的样式
a:visited代表：被点击过的超链接的样式
a:hover代表：鼠标指针经过超链接上的样式
a:active代表：在超链接上点击时，即“但前激活”时，超链接样式。
按照顺序写就没问题的。
css超链接是网页中最重要的一个链接，是网页与网页之间的嫁接桥。
a:visited的意思是点过后的链接呈现的样式
不管href="#"还是href="index.htm"，被点过后，只要地址不变，他必然是a:visited样式啊
我试验过了，这代码没问题
只要伪类定义顺序为link、visited、hover、active就不会有问题
楼主的代码是正确的,<a href="index.htm">,第一次是红色的,而再打开时是黑色的,是你visited的颜色,把ie缓存清一下,就正确了.
你能把代码截图发上来看看吗？是伪类不起作用还是什么？
清除所有缓存，再试一试