css 颜色被覆盖怎么办,使用通配符*设置背景颜色，后面在设置背景颜色会被覆盖呢？...

/*gongong*/

*{

margin:0;

padding:0;

font-family:"Microsoft YaHei";

color: #fff;

background: #0E0E0E;;

}

.clear{ clear: both;}

ul,li{list-style: none;}

a{text-decoration: none;  }

.container{

/*text-align: center;*/

margin:0 auto;

width:80%;;

}

/*head*/

.head{

width: 100%;

height:80px;

background: #000;

border-top: 1px solid #fff;

margin-top: 30px;

}

.logo{

width:30%;

height:80px;

background: #000;

float: left;

background:url("http://climg.mukewang.com/58c0d2d900016ce303000100.png") no-repeat left;

}

.nav{

width:70%;

height: 80px;

background: #000;

float: right;

}

.nav ul{  width:100%;

float: right;}

.nav ul li{  float: right;  line-height:80px; margin-right: 50px;

height:80px;}

.nav a:hover{ color: orange; font-size: 18px;}

/*content*/

.content{  width:100%;  background: #ADD8E6; }

.left{  float: left;  background: #ADD8E6;  width:50%;  height:300px; line-height: 2em;}

h1{font-size: 20px; background: #ADD8E6;color: #000;margin-bottom: 10px; }

.left span{  background: #CC3333; margin-right: 10px;}

.left .box{

background: red ;

position: relative;

top:10%;

left:10%;

width: 70%;

}

.right{

float: right;

background: #ADD8E6;

width:50%;

height:300px;

}

.right-list{  background: #ADD8E6;}

.right-list a{  background: #ADD8E6;

color: #000;padding-left: 20px;

line-height:40px;}

.right-list a:hover{color:orange;font-size: 14px;}

/*footer*/

.footer{

width:100%;

height:80px;

background: purple;

clear: both;

line-height:80px;

background: #000;

border-top: 1px solid white;

margin-top: 20px;

}

.footer .copyright{

width:100%;

margin:0 auto;

height:80px;

}

.footer a{

display: block;

margin-left: 20px;}

.footer ul li{

float: left;

}