定義和用法

:active 偽類(lèi)向激活（在鼠標(biāo)點(diǎn)擊與釋放之間發(fā)生的事件）的元素添加特殊的樣式。

這個(gè)偽類(lèi)應(yīng)用于處于激活狀態(tài)的元素。最常見(jiàn)的例子就是在 HTML 文檔中點(diǎn)擊一個(gè)超鏈接：在鼠標(biāo)按鈕按下期間，這個(gè)鏈接是激活的。還有其他一些方式來(lái)激活元素，另外從理論上講其他元素也可以被激活，不過(guò) CSS 對(duì)此沒(méi)有定義。

說(shuō)明

激活的、已訪(fǎng)問(wèn)的、未訪(fǎng)問(wèn)的或者當(dāng)有鼠標(biāo)懸停在其上的鏈接，它們會(huì)在支持 CSS 的瀏覽器中以不同的方式顯示出來(lái)：

a:link {color: #FF0000}     /* 未訪(fǎng)問(wèn)的鏈接 */
a:visited {color: #00FF00}  /* 已訪(fǎng)問(wèn)的鏈接 */
a:hover {color: #FF00FF}    /* 當(dāng)有鼠標(biāo)懸停在鏈接上 */
a:active {color: #0000FF}   /* 被選擇的鏈接 */

注釋?zhuān)?/span>為了產(chǎn)生預(yù)期的效果，在 CSS 定義中，a:hover 必須位于 a:link 和 a:visited 之后！！

注釋?zhuān)?/span>為了產(chǎn)生預(yù)期的效果，在 CSS 定義中，a:active 必須位于 a:hover 之后��！

注釋?zhuān)?/span>Pseudo-class（偽類(lèi)）的名稱(chēng)對(duì)大小寫(xiě)不敏感。

注釋?zhuān)?/span>偽類(lèi)可與 CSS 類(lèi)配合使用：

a.red:visited {color: #FF0000;}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

如果上面這個(gè)例子中的鏈接已訪(fǎng)問(wèn)過(guò)，那么它會(huì)顯示為紅色。

實(shí)例

規(guī)定鏈接的顏色：

a:link {color: #FF0000}     /* 未訪(fǎng)問(wèn)的鏈接 */
a:visited {color: #00FF00}  /* 已訪(fǎng)問(wèn)的鏈接 */
a:hover {color: #FF00FF}    /* 當(dāng)有鼠標(biāo)懸停在鏈接上 */
a:active {color: #0000FF}   /* 被選擇的鏈接 */

TIY （在頁(yè)面底部可以找到更多實(shí)例）

瀏覽器支持

所有主流瀏覽器都支持 :active 偽類(lèi)。

相關(guān)頁(yè)面

CSS 教程：CSS 偽類(lèi)