css hover失效怎麼辦

css  hover失效的解決方法：1、取消選擇器hover之間的空格；2、修改“active，visited，hover，link”順序；3、修改編寫方式為“a:hover .b {}”；4、取消hover的元素的行內式樣式。

本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。

關於css的:hover失效問題

參考：

• #關於hover失效的問題

********************************我是分割線************** ******************************

1、網上百度的原因一般有以下幾種，

第一種是：

選擇器、：、hover之間有空格，或冒號是中文符號；

第二種是：

沒有注意active，visited，hover，link之間的生效順序的關係，

active < hover < visitied / link

其實是active需定義在hover之後才能起作用，而hover需定義在visited和link之後才會起作用。當然，前提是它們同時存在的時候。

第三種是：

hover只會與子代元素元素及兄弟元素運作。

ps：hover作用於兄弟元素時，僅只是對鄰近的兄弟元素有用，且要寫為a:hover .b{}

第四種是：

低級錯誤。

我自己寫的時候，發現hover不生效，但絕對不滿足上邊提到的前3中狀況。

最後發現，因為hover的元素存在行內式樣式，所以導致了hover沒有效果

ps：這個應該歸類為低階錯誤吧。

【推薦學習：css影片教學】

#

以上是css hover失效怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！