: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 偽元素以在元素的內容之後插入新內容 ...