關於偽類覆蓋指定類相的問題

2021-07-10 16:40:32 字數 774 閱讀 8061

工作需要,使按鈕在一定條件下改變背景色,邊框色等樣式。可是發現新增類後,該類樣式總是被覆蓋。

.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 來描述這個元素的狀態。雖然它和普...