CSS :hover 選擇器

實(shí)例

選擇鼠標(biāo)指針浮動(dòng)在其上的元素，并設(shè)置其樣式：

a:hover
{ 
background-color:yellow;
}

親自試一試

瀏覽器支持

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

定義和用法

:hover 選擇器用于選擇鼠標(biāo)指針浮動(dòng)在上面的元素。

提示：:hover 選擇器可用于所有元素，不只是鏈接。

提示：:link 選擇器設(shè)置指向未被訪問(wèn)頁(yè)面的鏈接的樣式，:visited 選擇器用于設(shè)置指向已被訪問(wèn)的頁(yè)面的鏈接，:active 選擇器用于活動(dòng)鏈接。

注釋?zhuān)涸?CSS 定義中，:hover 必須位于 :link 和 :visited 之后（如果存在的話），這樣樣式才能生效。

親自試一試 - 實(shí)例

例子 1

選擇未訪問(wèn)、已訪問(wèn)、懸浮和活動(dòng)鏈接，并設(shè)置它們的樣式：

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

親自試一試

例子 2

為鏈接設(shè)置不同的樣式：

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

親自試一試

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

CSS 教程：CSS 鏈接

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