CSS :active 偽類
定義和用法
:active 偽類向激活(在鼠標(biāo)點擊與釋放之間發(fā)生的事件)的元素添加特殊的樣式。
這個偽類應(yīng)用于處于激活狀態(tài)的元素。最常見的例子就是在 HTML 文檔中點擊一個超鏈接:在鼠標(biāo)按鈕按下期間,這個鏈接是激活的。還有其他一些方式來激活元素,另外從理論上講其他元素也可以被激活,不過 CSS 對此沒有定義。
說明
激活的、已訪問的、未訪問的或者當(dāng)有鼠標(biāo)懸停在其上的鏈接,它們會在支持 CSS 的瀏覽器中以不同的方式顯示出來:
a:link {color: #FF0000} /* 未訪問的鏈接 */ a:visited {color: #00FF00} /* 已訪問的鏈接 */ a:hover {color: #FF00FF} /* 當(dāng)有鼠標(biāo)懸停在鏈接上 */ a:active {color: #0000FF} /* 被選擇的鏈接 */
注釋:為了產(chǎn)生預(yù)期的效果,在 CSS 定義中,a:hover 必須位于 a:link 和 a:visited 之后!!
注釋:為了產(chǎn)生預(yù)期的效果,在 CSS 定義中,a:active 必須位于 a:hover 之后!!
注釋:Pseudo-class(偽類)的名稱對大小寫不敏感。
注釋:偽類可與 CSS 類配合使用:
a.red:visited {color: #FF0000;}
<a >如果上面這個例子中的鏈接已訪問過,那么它會顯示為紅色。
實例
規(guī)定鏈接的顏色:
a:link {color: #FF0000} /* 未訪問的鏈接 */ a:visited {color: #00FF00} /* 已訪問的鏈接 */ a:hover {color: #FF00FF} /* 當(dāng)有鼠標(biāo)懸停在鏈接上 */a:active {color: #0000FF}
/* 被選擇的鏈接 */TIY (在頁面底部可以找到更多實例)
瀏覽器支持
所有主流瀏覽器都支持 :active 偽類。
TIY 實例
- 超鏈接
- 本例演示如何向文檔中的超鏈接添加不同的顏色。
- 超鏈接 2
- 本例演示如何向超鏈接添加其他樣式。
相關(guān)頁面
CSS 教程:CSS 偽類