CSS :active 僞類

定義和用法

:active 僞類向激活（在鼠標點擊與釋放之間發生的事件）的元素添加特殊的樣式。

這個僞類應用於處於激活狀態的元素。最多見的例子就是在 HTML 文檔中點擊一個超連接：在鼠標按鈕按下期間，這個連接是激活的。還有其餘一些方式來激活元素，另外從理論上講其餘元素也能夠被激活，不過 CSS 對此沒有定義。

說明

激活的、已訪問的、未訪問的或者當有鼠標懸停在其上的連接，它們會在支持 CSS 的瀏覽器中以不一樣的方式顯示出來：

a:link {color: #FF0000}     /* 未訪問的連接 */
a:visited {color: #00FF00}  /* 已訪問的連接 */
a:hover {color: #FF00FF}    /* 當有鼠標懸停在連接上 */
a:active {color: #0000FF}   /* 被選擇的連接 */

註釋：爲了產生預期的效果，在 CSS 定義中，a:hover 必須位於 a:link 和 a:visited 以後！！

註釋：爲了產生預期的效果，在 CSS 定義中，a:active 必須位於 a:hover 以後！！

註釋：Pseudo-class（僞類）的名稱對大小寫不敏感。

註釋：僞類可與 CSS 類配合使用：

<a class="red" href="css_syntax.asp">CSS Syntax</a>a.red:visited {color: #FF0000;}

若是上面這個例子中的連接已訪問過，那麼它會顯示爲紅色。

實例

規定連接的顏色：

a:link {color: #FF0000}     /* 未訪問的連接 */
a:visited {color: #00FF00}  /* 已訪問的連接 */
a:hover {color: #FF00FF}    /* 當有鼠標懸停在連接上 */
   /* 被選擇的連接 */a:active {color: #0000FF}