今天寫代碼的時候發現一個問題

<a href="#"><span>你好</span>cici</a>

樣式為這個

a:hover{color:blue; }

這樣寫當鼠標懸浮的時候整個"你好cici"都變藍,這沒問題

但是當我的樣式改為這樣

span{color:red; } a:hover{color:blue; }

當鼠標移上去的時候,只有"cici"是變藍的,"你好"仍然是紅色

那么也給span標簽設置hover,樣式改為

span{color:red; } a:hover span{color:blue; } a:hover{color:blue; }

兩個都變色,(strong等行內標簽也是這樣,得單獨加hover)

那么如果把a改為塊級標簽會怎樣,其里面的子元素得單獨設置hover時的屬性才生效

結論：a標簽的hover只對其自身的文本元素生效,而不對其包含的子元素的文本生效

總結

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

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