CSS教程 10、CSS的Pseudo Classes 偽類 

來源:互聯網
上載者:User

  請你注意一些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上實現。
  

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.