CSS :active 選擇器

實例

選擇活動鏈接，并設置其樣式：

a:active
{ 
background-color:yellow;
}

親自試一試

瀏覽器支持

所有主流瀏覽器都支持 :active 選擇器。

定義和用法

:active 選擇器用于選擇活動鏈接。

當您在一個鏈接上點擊時，它就會成為活動的（激活的）。

提示：請使用 :link 選擇器對指向未被訪問頁面的鏈接設置樣式，:visited 用于設置指向已訪問頁面的鏈接的樣式，:hover 選擇器用于設置鼠標指針浮動到鏈接上時的樣式。

親自試一試 - 實例

例子 1

選擇未訪問、已訪問、懸浮和活動鏈接，并設置它們的樣式：

a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}

親自試一試

例子 2

為鏈接設置不同的樣式：

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

親自試一試

相關頁面

CSS 教程：CSS 鏈接

CSS 教程：CSS 偽類