本文和大家重點討論一下CSS偽類的用法，CSS偽類用于向某些選擇器添加特殊的效果，另外還有錨偽類的介紹，在支持CSS的瀏覽器中，鏈接的不同狀態(tài)都可以不同的方式顯示，這些狀態(tài)包括：活動狀態(tài)，已被訪問狀態(tài)，未被訪問狀態(tài)，和鼠標(biāo)懸停狀態(tài)。

CSS偽類

CSS偽類用于向某些選擇器添加特殊的效果。

CSS定位屬性

CSS偽類的語法：

selector:pseudo-class{property:value;}CSS類也可與偽類搭配使用：

selector.class:pseudo-class{property:value;}

錨偽類

在支持CSS的瀏覽器中，鏈接的不同狀態(tài)都可以不同的方式顯示，這些狀態(tài)包括：活動狀態(tài)，已被訪問狀態(tài)，未被訪問狀態(tài)，和鼠標(biāo)懸停狀態(tài)。

 
 
 

  
  
  
a:link{color:#FF0000}/*unvisitedlink*/ 
  
  
  
a:visited{color:#00FF00}/*visitedlink*/ 
  
  
  
a:hover{color:#FF00FF}/*mouseoverlink*/ 
  
  
  
a:active{color:#0000FF}/*selectedlink*/ 
  
  
  

 
 
 

提示：在CSS定義中，a:hover必須被置于a:link和a:visited之后，才是有效的。

提示：在CSS定義中，a:active必須被置于a:hover之后，才是有效的。

提示：偽類名稱對大小寫不敏感。

CSS偽類和CSS類

CSS偽類可以與CSS類配合使用：

 
 
 

  
  
  
a.red:visited{color:#FF0000} 
  
  
  
CSSSyntax
 
 
 

假如上面的例子中的鏈接被訪問過，那么它將顯示為紅色。

CSS2-:first-child偽類

CSS偽類中:first-child偽類對另一個元素的第一個子元素進(jìn)行匹配。

例子1：

在這個例子中，選擇器對div元素中的第一個子元素為p的元素進(jìn)行匹配-對div元素內(nèi)的第一個段落進(jìn)行縮進(jìn)：

 
 
 

  
  
  
div>p:first-child{ 
  
  
  
text-indent:25px; 
  
  
  
}

  
  
  
 
div中的第一段。這個段落將被縮進(jìn)。
  
  
  
 
div中的第二段。這個段落不會被縮進(jìn)。