a标签中嵌套span标签

鼠标移到我为什么不由黑色变为绿色
a {
color:red;
}

span{
color:black;
}

a:hover{
color:green;
}

<a><span>我</span>喜欢</a>

因为

span{
color:black;
}

比外面a的css优先级高
可以设置为

a:hover{
color:green;
}
a:hover span{
color:green;
}