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

.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;
}

有权重问题，没有之一。

哪里一样了？顺序不一样。

权重较大的放后面就会覆盖前面的样式

我对比了一下代码确实一样，不可能运行不一样，把整体代码和结果贴出来，一下就知道问题了

问题是已经解决了。因为用的是IDEA写的，因为写样式的时候弹出来的Class名称不属于同一个HTML，会出现命名无效的情况么