筆記慢慢的才發現已經寫了好多,今天刷網頁才想起來是不是應該發到自己Blog里面跟大家分享一下雖然不是什么大牛,但還是有一些小小的心得~希望和大家分享,見笑了!

我們有個li 現在需要一個點擊發生改變和另一個仍然可以進行hover
商品點擊后會變色,然后商家依然可以進行hover。
不可取的方法為:
(1) JQ添加點擊事件改變其css( ) 這種方法不可用,因為通過javascript修改background-color會覆蓋在css中定義的所有background-color屬性,當然也包含hover下的background-color屬性,所以這樣寫當進行一次點擊事件后,hover事件就會失效。
(2) 如果JQ使用addClass( )方法,會牽扯到優先級問題。
(3) 在js里面用JQ的hover( ),這樣仍然是不可以的。
可取方法為:
(1) 可預先寫好兩個CSS樣式表,和一個hover樣式


然后JS寫,這次我們用JQ里面的attr( )直接讓兩個li的類名改變,這兩就不會牽扯到其他一系列的問題了。

(2) 也可以在CSS的hover里面加上 !important; 如:
:hover{ color: #FF6C00 !important;}