<a>标签里套<span>标签使hover对span内容

错误代码：css:

#label span {
  color:#696969;
}

.brief{
      text-decoration: none;
}
.brief:hover span{
    color:orange;
}

html:（iconfont是小图标，希望hover使图标和文字均变色）

<div id="label">             

   <a class="brief" href=""> 
                    <span class="iconfont icon-shouye1">&nbsp;</span>
                    <span>首页</span>
                </a>&nbsp;&nbsp; 

</div>

未能实现改变字体颜色功能，错误原因是因为图省事，直接通过外面的label的div给子元素的span设置了颜色，倒是超链接里的span的颜色无法通过a标签改变。

改正：

.brief{

      color:#696969;
      text-decoration: none;
}
.brief:hover span{
    color:orange;
}