這幾天在做一個任務時候需要用到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標簽樣式都會發生改變。

總結

以上是生活随笔為你收集整理的关于a:hover span和a span:hover的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。