這篇文章將為大家詳細(xì)講解有關(guān)css中hover失效的解決方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

十余年的襄城網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營銷型網(wǎng)站的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整襄城建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“襄城網(wǎng)站設(shè)計(jì)”,“襄城網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

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

本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。

關(guān)于css的:hover失效問題

參考：

• 關(guān)于hover失效的問題

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

1、網(wǎng)上百度的原因一般有如下幾種，

第一種是：

選擇器、：、hover之間有空格，或者冒號(hào)是中文符號(hào)；

第二種是：

沒有注意active，visited，hover，link之間的生效順序的關(guān)系，

active < hover < visitied / link

其意思就是active需定義在hover之后才能起作用，而hover需定義在visited和link之后才會(huì)起作用。當(dāng)然，前提是它們同時(shí)存在的時(shí)候。

第三種是：

hover只會(huì)與子代元素元素及兄弟元素起作用。

ps：hover作用于兄弟元素時(shí)，僅僅只是對相鄰的兄弟元素有用，且要寫為a:hover +.b{}

第四種是：

低級(jí)錯(cuò)誤。

我自己寫的時(shí)候，發(fā)現(xiàn)hover不生效，但是絕對不滿足上邊提到的前3中狀況。

最后發(fā)現(xiàn)，因?yàn)閔over的元素存在行內(nèi)式樣式，所以導(dǎo)致了hover沒有效果

ps：這個(gè)應(yīng)該歸類為低級(jí)錯(cuò)誤吧。

關(guān)于“css中hover失效的解決方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。