工作需要,使按鈕在一定條件下改變背景色,邊框色等樣式。可是發現新增類後,該類樣式總是被覆蓋。
.disableclick
可是卻發現樣式是被覆蓋的。
經查詢後,發現原來是有以下偽類
.btn-prim-f,
.btn-prim-f:link,
.btn-prim-f:visited
.btn-prim-f:hover,
.btn-prim-f:active,
.btn-prim-f.active
於是原因找到了,這種類似於事件觸發的樣式,定然會覆蓋我所定義的固定樣式,為了驗證我的想法,做了測試。
將css中偽類去掉,即改為
.btn-prim-f
果然,我所指定的樣式被成功顯示了出來。
最後,我所採取的更改方法,是另外定義了一系列偽類樣式。
.btn-prim-gray-f,
.btn-prim-gray-f:link,
.btn-prim-gray-f:visited
.btn-prim-gray-f:hover,
.btn-prim-gray-f:active,
.btn-prim-gray-f.active
然後將鏈結指定為具有改為類的btn-prim-gray-f類。去掉btn-prim-f類,即改為如下html**
關於偽類 target
什麼是target偽類?先看一下解釋 url後面跟錨點 指向文件內某個具體的元素。這個被鏈結的元素就是目標元素 target element target選擇器用於選取當前活動的目標元素。舉個例子 html a href target 點我 a div id target div html 正常情況...
錨偽類的四種偽類
偽類 與類選擇器相似但是又有所不同 錨偽類 作用 給a標籤設定沒有訪問過的樣式 a visited a visited 作用 給a標籤設定訪問過的樣式 a hover a hover 給a標籤設定滑鼠懸停時的樣式 a active a active 作用 設定a標籤啟用時的樣式 注意 在使用時一定遵...
css 偽類和偽類元素的區別
偽類更多的定義的是狀態,如 hover,或者說是乙個可以使用css進行修飾的特定的特殊元素,如 first child 偽類用於當已有元素處於的某個狀態時,為其新增對應的樣式,這個狀態是根據使用者行為而動態變化的。當使用者懸停在指定的元素時,我們可以通過 hover 來描述這個元素的狀態。雖然它和普...