以下为我的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是不存在函数的，只存在属性

1. 每个属性都有其特定的意义

2. css的层次优先级是：id>class

3. 同级class的时候，会优先调用特定值高的css样式

例如：

<div>  <p>我是测试文字</p></div>

div p{    color:#FF7300;}p{    color:#000;}

像这种情况，DOM结构是会优先执行div p的css样式的。

因为他的层次定位更为精准。这就是Css的属性基本意义。