以下为我的CSS部分，请大神们介绍下。是什么决定了我的内容字体颜色全部为白色？

Question

<style type="text/css">
#dNavBar{
background-color:#ffffff;
}
#dNavBar li{
list-style-type:none;
float:left;
width:84px;
height:28px;
line-height:28px;
font-size:12px;
color:#FFFFFF;
border:3px solid #ffffff;
background-color:#86C2FF;
text-align:center;
display:block;
cursor:pointer;
}
#subMenu{
background-color:#0000FF;
width:1010px;
border-left:3px solid #ffffff;
border-right:3px solid #ffffff;
height:29px;
line-height:29px;
color:#FFFFFF;
font-size:12px;
padding-left:10px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: none;
}
a:visited{
color: #FFFFFF;
text-decoration: none;
}
</style>

Answer 1

呵呵，最主要的是这些：a:link {color:#FFFFFF;text-decoration:none;}a:hover{color:#FFFFFF;text-decoration:none;}a:visited{color:#FFFFFF;text-decoration:none;}a:link说的是一个链接的样式，里面的color就是颜色了，#FFFFFF表示为白色，text-decoration:none;表示没有下划线；如果你的链接的颜色为黑色的话可以改成这样：a:link {color:#000;text-decoration:none;}a:hover表示鼠标放在链接上时的颜色，比如我想让鼠标放在链接上时的颜色为红色就可以改成：a:hover{color:#F00;text-decoration:none;}a:visited表示此链接点击过后的样式，比如说想区分点过了的和没点的链接，那就可以改变这个颜色值：a:visited{color:#FF7F50;text-decoration:none;}这里我改成了橘红色的，当然你自己也可以改的。

Answer 2

a:link {color: #FFFFFF; /*--链接的颜色为白色--*/text-decoration: none;}a:hover{color: #FFFFFF; /*--鼠标经过时链接的颜色为白色--*/text-decoration: none;}a:visited{color: #FFFFFF; /*--访问过的链接的颜色为白色--*/text-decoration: none;}把这三个的颜色都给更改一下就好了，修改代码如下：a:link {color: #0000FF; /*--链接的颜色为蓝色--*/text-decoration: none;}a:visited{color: #FF0000; /*--访问过的链接的颜色为红色--*/text-decoration: none;}a:hover{color: #00FF00; /*--鼠标经过时链接的颜色为绿色--*/text-decoration: none;}

Answer 3

首先Css是不存在函数的，只存在属性每个属性都有其特定的意义css的层次优先级是：id>class同级class的时候，会优先调用特定值高的css样式例如：<div>&nbsp;&nbsp;<p>我是测试文字</p></div>div&nbsp;p{&nbsp;&nbsp;&nbsp;&nbsp;color:#FF7300;}p{&nbsp;&nbsp;&nbsp;&nbsp;color:#000;}像这种情况，DOM结构是会优先执行div p的css样式的。因为他的层次定位更为精准。这就是Css的属性基本意义。