使用JQ新增css的背景樣式,之後,hover失效,滑鼠滑過沒有改變顏色
經除錯後發現,jq的css方法新增的樣式是直接新增在標籤上的,所以優先順序是比較大的,而hover樣式寫在script中或者是引入的,但不管怎麼樣這兩者的優先順序都是比標籤中樣式小的.
所以一個最有效的簡單方法就是在 hover樣式中新增 !important 提高他的優先順序。
舉個例子比如說hover後改變顏色,那麼可以這樣寫:
.class:hover{
background:red !important;
}
相關文章
- CSS例項:滑鼠滑過超級連結文字時改變背景顏色CSS
- css樣式背景顏色漸變效果CSS
- 滑鼠滑過改變元素的背景圖片
- CSS hover改變背景圖片過渡動畫生硬CSS動畫
- jq如何改變css樣式寬度CSS
- 滑鼠滑過連結a實現背景變色程式碼
- 使用 Promise 迴圈改變 div 背景顏色Promise
- css3背景顏色漸變CSSS3
- css3 ::selection的用法(改變選中文字的背景顏色或者文字顏色)CSSS3
- Dreamweaver製作滑鼠經過圖示改變顏色教程
- CSS滑鼠懸浮行背景變色效果CSS
- css滑鼠懸浮div背景變色效果CSS
- 滑鼠滑過實現table表格行背景變色程式碼例項
- CSS 改變文字選中顏色CSS
- Flutter改變狀態列字型、狀態列背景顏色、Appbar背景顏色的方式FlutterAPP
- CSS樣式中顏色與顏色值的應用CSS
- 直播軟體原始碼,改變button的背景顏色原始碼
- 改變Android按鈕背景顏色的高效方法Android
- 滑鼠移動到button顏色改變的實現
- css 設定背景顏色CSS
- CSS實現的滑鼠滑過改變連結文字例項程式碼CSS
- css 滑鼠懸浮連結背景變色程式碼CSS
- 靜態文字顏色背景改變示例源程式 (轉)
- 用CSS來改變網頁滑鼠顯示樣式的方法CSS網頁
- CSS 中的顏色、背景和剪下CSS
- CSS設定元素的背景顏色CSS
- CSScursor屬性改變滑鼠的樣式CSS
- CSS實現的滑鼠懸浮整行背景變色程式碼CSS
- 利用CSS改變圖片顏色的多種方法!CSS
- CSS改變文字選中狀態下的顏色CSS
- CSS滑鼠懸浮在連結之上背景變色程式碼CSS
- HTML-CSS顏色樣式(推薦)HTMLCSS
- 基於jq的bootstrap 常用樣式demo 引入css jq js檔案後樣式出現bootCSSJS
- 【xh&hhh】ASP.NET2.0下為GridView新增滑鼠滑過的行顏色高亮效果!ASP.NETView
- 改變SVG圖的顏色SVG
- 純css改變輸入框游標顏色CSS
- 強大的CSS:顏色、背景和剪下CSS
- css實現滑鼠滑過切換背景圖片程式碼CSS