和一般的CSS語(yǔ)法不同,CSS偽類的語(yǔ)法有兩種。

第一種:

selector:pseudo-class {property: value}

也可以用HTML的class屬性來(lái)設(shè)定偽類。

例句:

a:link {color:red}

第二種:

selector.class:pseudo-class {property: value}

偽類是最常用的偽類。

例句:

a.c1:link {color:red}

錨(a)偽類

錨(a)偽類是最常用的偽類。例句如下:

a:link {color: #FF0000} /* 未被訪問(wèn)的鏈接 紅色 */
a:visited {color: #00FF00} /* 已被訪問(wèn)過(guò)的鏈接 綠色 */
a:hover {color: #FFCC00} /* 鼠標(biāo)懸浮在上的鏈接 橙色 */
a:active {color: #0000FF} /* 鼠標(biāo)點(diǎn)中激活鏈接 藍(lán)色 */

也可以用HTML的class屬性來(lái)設(shè)定偽類。例句如下:

a.c1:link {color: #FF0000} /* 未被訪問(wèn)的鏈接 紅色 */
a.c1:visited {color: #00FF00} /* 已被訪問(wèn)過(guò)的鏈接 綠色 */
a.c1:hover {color: #FFCC00} /* 鼠標(biāo)懸浮在上的鏈接 橙色 */
a.c1:active {color: #0000FF} /* 鼠標(biāo)點(diǎn)中激活鏈接 藍(lán)色 */

例句:actived的順序書寫。

注:由于CSS優(yōu)先級(jí)的關(guān)系(后面比前面的優(yōu)先級(jí)高),在寫a的CSS時(shí),一定要按照a:link, a:visited, a:hover, a:actived的順序書寫。

標(biāo)簽:CSS的偽類

相關(guān)文章

隨機(jī)推薦