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，定义鼠标点击链接时的样式。