css样式里颜色不是我想要的

Question

为什么我在css样式中设置默认的是白色，昨天还好好的今天一打开就成紫色了

<style type="text/css">
.catalogue:link {
    color:white;
    text-decoration:none;
}
.catalogue:hover {
    color:blue;
    text-decoration:none;
}
</style>
<div style="width: 1000px; height: 10px; "></div>
                                 
                    <a  href="#" class="catalogue" target="_blank">文学</a>   
                    <a  href="#" class="catalogue" target="_blank">生活</a>   
                    <a  href="#" class="catalogue" target="_blank">计算机</a>   
                    <a  href="#" class="catalogue" target="_blank">外语</a>   
                    <a  href="#" class="catalogue" target="_blank">经管</a>   
                    <a  href="#" class="catalogue" target="_blank">励志</a>   
                    <a  href="#" class="catalogue" target="_blank">社科</a>   
                    <a  href="#" class="catalogue" target="_blank">学术</a>   
                    <a  href="#" class="catalogue" target="_blank">少儿</a>   
                    <a  href="#" class="catalogue" target="_blank">艺术</a>   
                    <a  href="#" class="catalogue" target="_blank">原版</a>   
                    <a  href="#" class="catalogue" target="_blank">科技</a>   
                    <a  href="#" class="catalogue" target="_blank">考试</a>   
                    <a  href="#" class="catalogue" target="_blank">生活百科</a>   
                    <a  href="#" class="catalogueone" target="_blank">全部商品目录</a>                                        
            </div>

Answer 1

a.catalogue:link {
    color: white;
}
a.catalogue:visited {
    color: white;
}

1 a:link，定义正常链接的样式；    
 
2 a:visited，定义已访问过链接的样式；    
 
3 a:hover，定义鼠标悬浮在链接上时的样式；    
 
4 a:active，定义鼠标点击链接时的样式。 

Answer 2

加一个

.catalogue:visited{
    color:white;
    text-decoration:none;
}

Answer 3

可以添加 .catalogue:active{ color:white;
text-decoration:none;}
试试

Answer 4

1.这个显示的访问过的链接的颜色，访问过的链接默认设置为紫色。可以刷新一下浏览器缓存，它就成为白色了。
2.超链接文字“不同于”一般文字，浏览器认为超链接文字特殊，所以要修改它们的颜色得用 css 来办，比如：a:link{color: #000000}。你可以在 Dreamweaver 中按下 Ctrl + J 组合键在“Links”选项卡中调整颜色。
3.超链接文字有四种状态，正常（蓝色，a:link）、已访问（紫色，a:visited）、悬停（蓝色，a:hover）和激活（橙色，a:active），这些颜色都可以调整。

Answer 5

• 可以看下css参考手册中的 css 样式化文本 样式化列表