关于a:hover span和a span:hover的区别

这几天在做一个任务时候需要用到hover这个属性，想要实现的效果是：鼠标经过a标签时，a的背景照片和a里面的span标签颜色都要改变。

以下两种情况都是在a标签已经给背景图片加了hover属性了。

a span:hover
实现的效果是鼠标经过a标签时，a标签里的背景图片会改变，再经过span标签时，span标签里的的字会改变。但是背景图片和span内容不能同时改变。

a:hover span
实现的效果是鼠标经过a标签时，a标签里的背景图片和span标签里的字会同时改变。

a:hover span表示当鼠标进过a标签时，a标签下面的span标签样式会发生改变，因为a标签已经绑定了hover属性了，所以鼠标进过a标签，a标签和包含的span标签样式都会发生改变。