CSS active 偽類 元素被啟用時的樣式

2022-09-24 17:36:25 字數 1164 閱讀 8236

:active -- css :active 偽類,適用於乙個元素被啟用時的樣式

語法: :active

css版本:css1

說明:適用於乙個元素被啟用時的樣式,例如滑鼠在此元素的區域內按下但還沒有釋放時

客戶端(瀏覽器)可以根據使用者與其互動的動作改變其渲染效果,css為這種情況提供了三個偽類:hover、active、focus

上述三種偽類不是互斥的,乙個元素同時可以適用其中的若干個

:active偽類,適用於乙個元素被使用者啟用時,例如使用者在按下滑鼠之後放開滑鼠之前的這一段時間內。當使用者放開滑鼠後,恢復元素原有的樣式

active,中文"啟用、活躍"的意思

語法 複製**

**如下:

:active

a:active

a.class:active

示例css code複製內容到剪貼簿

檢視演示:

偽類選擇符的順序:l-v-h-a

css提供了四種元素設定鏈結的顏色,包括:link、:visited、:hover、:active,它們的宣告是有一定順序的,我們簡稱這種順序為l-v-h-a,即link最先,其次visited,之後hover,最後active,如此宣告才能保證hover與active狀態顯示正確的樣式

示例 統一定義鏈結各種狀態下的樣式

css code複製內容到剪貼簿

演示效果:

乙個頁面可以定義多個鏈結樣式

可以在乙個頁面定義多種鏈結樣式,例如下面示例定義了灰色與白色兩種樣式的連線

css code複製內容到剪貼簿

演示頁面:

ie瀏覽器不支援a元素以外的其它元素的:active偽類

ie6、ie7(q)、ie8(q)瀏覽器不支援a元素以外的其它元素的:active偽類,可通過示例一測試

瀏覽器相容性

css e:active 偽類瀏覽器相容性

選擇符ie6

ie7ie8

ie9ff

chop

sacpnmjnh

e:active

part

part

part

yesyes

yesyes

yes本文標題: css :active 偽類 元素被啟用時的樣式

本文位址:

偽元素 偽類

偽元素在dom中建立了一些抽象元素,而且這些元素本身時不存在與dom中的。在css3中偽元素前要使用 兩個冒號 比如 使用在使用 before 和 after時,要使用content進行內容設定。預設情況下,偽元素插入的內容為行內元素,不過可以使用display進行設定。注意 同時只能使用乙個偽元素...

偽類 偽元素

偽類和偽元素在web開發中用的好的話,可以說猶如神助。但一定要分清楚,什麼是偽類,什麼是偽元素。如何區分偽元素與偽類?答 偽元素在html文件渲染後,頁面中有相應的內容顯示,同時能夠設定它的樣式,而偽類只能設定樣式 偽元素和元素的區別?答 很明顯,從字面意思上來說,偽元素就不是真正的元素,而只有形而...

偽類 偽元素

偽類和偽元素 偽類其實是為彌補css選擇器的不足,用來更方便地獲取資訊 而偽元素本質上是建立了乙個虛擬容器 元素 我們可以在其中新增內容或樣式 css3中,偽類用單冒號 表示 而偽元素用雙冒號 表示 before 偽元素可以在元素的內容前面插入新內容 after 偽元素以在元素的內容之後插入新內容 ...