讓css hover失效的原因：1、在CSS定義中，“a:hover”沒有被置于“a:link”和“a:visited”之后；2、在CSS定義中，“a:active”沒有被置于“a:hover”之后。

泉港網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),泉港網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為泉港上1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的泉港做網(wǎng)站的公司定做！

推薦：《css視頻教程》

CSS中hover失效的幾個(gè)原因：

在設(shè)置CSS的hover時(shí)，有時(shí)會(huì)發(fā)現(xiàn)hover不起作用，總結(jié)一下原因：

提示：在 CSS 定義中，a:hover 必須被置于 a:link 和 a:visited 之后，才是有效的。

提示：在 CSS 定義中，a:active 必須被置于 a:hover 之后，才是有效的。

1.在設(shè)置:hover前加空格：

比如

  
  
測(cè)試
  
    
    
  
  

你發(fā)現(xiàn)鼠標(biāo)經(jīng)過(guò)class為one的時(shí)候背景不變，而經(jīng)過(guò)one里面的其他div背景顏色發(fā)生變化，

說(shuō)明:hover前加空格，本身不會(huì)有:hover的效果，而后代元素會(huì)有:hover的效果。

2.當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)，讓其他元素改變樣式：

這時(shí)候你會(huì)發(fā)現(xiàn)，只有后代元素和兄弟元素（緊接在元素后的兄弟元素）才有效果，其他的:hover會(huì)失效

還是上個(gè)例子

把

.one :hover {    background: #da56d0;}

改為

.one:hover .two {    background: #da56d0;}

發(fā)現(xiàn)能達(dá)到我們想要的效果

改為

.two:hover +.three {    background: #da56d0;}

也能達(dá)到效果（注意把"+"號(hào)去掉，就不能達(dá)到效果了）

而改為

.two:hover .four {    background: #da56d0;}

不能達(dá)到我們的效果（無(wú)論帶不帶加號(hào)）

3.類名寫錯(cuò)了；

4.:hover 被置于 :link 和 :visited 之前了;

5.你看錯(cuò)了;

等等……
當(dāng)前題目：如何讓csshover失效
本文鏈接：http://weahome.cn/article/cpcshi.html