两段一样的CSS样式代码，结果却完全不一样呢？

Question

.header
{
  height: 80px;
  line-height: 80px;
  text-align: right;
  margin: 0 20px;
  overflow: hidden;
}
.header .banner
{
  float: left;
}
.header .banner span
{
  font-size: 18px;
  margin: 0 15px;
  line-height: 80px;
}
.header.banner img
{
  width: 150px;
  vertical-align: middle;
  margin-right: 40px;
}
.header a
{
  color:#666;
  text-decoration:none;
  margin-left:20px;
}

.header
{
	height:80px;
	line-height:80px;
	text-align : right;
	margin: 0 20px;
	overflow:hidden;
}
.header .banner
{
	float:left;	
}
.header .banner span
{
	font-size:18px;
	margin:0 15px;
	line-height:80px;
}
.header .banner img
{
	width:150px;
	vertical-align: middle;
	margin-right:40px;
}
.header a
{
	color:#666;
	text-decoration:none;
	margin-left:20px;
}

Answer 1

有权重问题，没有之一。