網頁製作教程：認識CSS的偽類

css|教程|網頁

　　認識css的偽類

　　偽類(Pseudo classes)是選擇符的螺栓，用來指定一個或者與其相關的選擇符的狀態。它們的形式是selector:pseudo class { property: value; }，簡單地用一個半形英文冒號(:)來隔開選擇符和偽類。

　　CSS很多的建議並沒有得到瀏覽器的支援，但有四個可以安全使用的用在串連上的偽類。

• link用在為訪問的串連上。
• visited用在已經訪問過的串連上。
• active用於獲得焦點(比如，被點擊)的串連上。
• hoverhover用於滑鼠游標置於其上的串連。

　　a.snowman:link { color: blue; } a.snowman:visited { color: purple; } a.snowman:active { color: red; } a.snowman:hover { text-decoration: none; color: blue; background-color: yellow; }

　　注意

　　儘管CSS給予你繞開的控制權，用不同的顏色表示已經訪問過的串連是一個很好的習慣，因為很多使用者還是這樣預期的。偽類(除了hover)不常用，恐怕也沒有過去常用。因此，它沒有過去那樣有用了。但如果你能收集常用使用者的意見，你會發現應該使用它。

　　傳統上，串連文本是藍色的，已訪問的串連是紫色的。也許，這是最有效、最有用的顏色。然而，伴隨著CSS的廣泛發展，這種顏色不會是平常的了，使用者也不再假設串連必須是藍色或紫色的。

　　還應注意

　　你應該也可以在除了串連的其他元素上使用hover偽類。不幸的是，Internet Explore並不支援。這真是一個極大的煩惱，因為在其它瀏覽器上可以有很多小技巧讓你的頁面看起來更令人愉快。