什麼是CSS的偽類呢

大家知道什麼是CSS的偽類嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

第一種：selector:pseudo-class {property: value} 也可以用HTML的class屬性來設定偽類。

例句：

以下是引用片段：

a:link {color:red}

第二種：selector.class:pseudo-class {property: value}　偽類是最常用的偽類。

例句：

以下是引用片段：

a.c1:link {color:red}

錨(a)偽類

CSS很多的建議並沒有得到浏覽器的支持，但有四個可以安全使用的用在連接上的偽類。錨(a)偽類是最常用的偽類。例句如下：

以下是引用片段：

a:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */

a:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */

a:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */

a:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */

也可以用HTML的class屬性來設定偽類。例句如下：

以下是引用片段：

a.c1:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */

a.c1:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */

a.c1:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */

a.c1:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */

例句：actived的順序書寫。

注：由於CSS優先級的關系(後面比前面的優先級高)，在寫a的CSS時，一定要按照a:link， a:visited， a:hover， a:actived的順序書寫。

相信大家已經學會什麼是CSS的偽類吧!感謝大家對我們網站的支持!

相關推薦：

CSS隱藏內容樣式的方法