簡單瞭解學習CSS的偽類

　　和一般的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)偽類

　　錨(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的順序書寫。