亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

用jQuery的css()方法修改樣式后css樣式里hover失效該怎么解決

用jQuery的css()方法修改樣式后css樣式里hover失效該怎么解決

.A1?a:link?{ ????width:?20px; ????height:?20px; ????background-color:?#FF8000; ????border-radius:?23px; ????border:?3px?solid?#FFFFFF; ????position:?absolute; } .A1?a:visited?{ ????width:?20px; ????height:?20px; ????background-color:?#FF8000; ????border-radius:?23px; ????border:?3px?solid?#FFFFFF; ????position:?absolute; } .A1?a:hover?{ ????width:?20px; ????height:?20px; ????background-color:?#FF8000; ????border-radius:?23px; ????border:?3px?solid?#FFFFFF; ????position:?absolute; }以上是css樣式 $(document).ready(function()?{ ????$(".B1").hover(function()?{ ????????$(".A?a:link").css("background-color",?"red"); ????},?function()?{ ????????$(".A?a:link").css("background-color",?"#FF8000"); ????}); });這是jQuery語句因為需要同時A1和B1來改變A1的樣式.所以用jQuery寫了B1改變A1的方法.但是B1hover觸發后會導致A1的hover失效.應該是優先級之類的問題,但是請問如何解決-------------------------------------------------------------------------------------------------------------------------問題解決了,在css的hover中加入!important即可//話說沒法把問題刪了嗎
查看完整描述

3 回答

已采納
?
鬧小志

TA貢獻75條經驗 獲得超42個贊

說一說你寫的樣式的問題: 每個狀態都有寬高,為什么不寫在一個里呢?a標簽雖然有這么多狀態,可是并不是每個狀態的樣式我們都需要寫一遍,可以統一寫為:

.A1?a?{
????width:?20px;
????height:?20px;
????background-color:?#FF8000;
????border-radius:?23px;
????border:?3px?solid?#FFFFFF;
????position:?absolute;
}

一旦狀態不同要做區分的時候,比如hover的時候背景顏色要變紅,你就可以這樣寫:

.A1?a?{????
????width:?20px;????
????height:?20px;????
????background-color:?#FF8000;????
????border-radius:?23px;????
????border:?3px?solid?#FFFFFF;????
????position:?absolute;
}
.A1?a:hover{
????background-color:red;
}
查看完整回答
反對 回復 2016-05-09
?
weibo_哆啦A夢有大口袋_0

TA貢獻107條經驗 獲得超146個贊

hover只能改變觸發節點的樣式或者觸發節點的子元素的樣式,不能改變其他節點的樣式。建議使用mouseenter和mouseleave

查看完整回答
反對 回復 2016-05-09
  • qq_見過雪_0
    qq_見過雪_0
    根據您說的我去查了一下.好像hover就是mouseenter和mouseleave 這是看到的jQuery原碼,不知道準不準確 hover: function( fnOver, fnOut ) { return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); }
  • weibo_哆啦A夢有大口袋_0
    weibo_哆啦A夢有大口袋_0
    hover: function( fnOver, fnOut ) { return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); } 這就代碼的意思就是只能返回觸發節點的樣式或者有關觸發節點的子元素的樣式,mouseenter和mouseleave 沒有封裝,所以不一定要返回觸發節點的樣式
?
weibo_哆啦A夢有大口袋_0

TA貢獻107條經驗 獲得超146個贊

不是優先級的問題,你沒有理解hover這個方法的用法,這個方法只能觸發節點的樣式或者觸發節點的子元素

查看完整回答
反對 回復 2016-05-09
  • 3 回答
  • 0 關注
  • 6138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號