DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS基礎教程:CSS的Pseudo Classes 偽類
CSS基礎教程:CSS的Pseudo Classes 偽類
編輯:CSS進階教程     
請你注意一些CSS偽類屬性不被所有浏覽器支持,但有四個偽類可以安全使用在鏈接上

  偽類像是指定選擇器狀態或關聯選擇器的門闩。它們的形式如:selector:pseudo class { property: value; },在選擇器和偽屬性之間使用冒號。

  link 沒有點擊過的鏈接 
  visited以點擊過的鏈接 
  active獲得焦點時的鏈接(比如在點擊時) 
  hover 鼠標在鏈接上面
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偽類。不幸的是,ie7以下的浏覽器不支持,這樣有許多漂亮的效果不能在IE上實現。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved