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

CSS偽類(lèi)

CSS偽類(lèi)用于向某些選擇器添加特殊的效果。

CSS定位屬性

CSS偽類(lèi)的語(yǔ)法：

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

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

錨偽類(lèi)

在支持CSS的瀏覽器中，鏈接的不同狀態(tài)都可以不同的方式顯示，這些狀態(tài)包括：活動(dòng)狀態(tài)，已被訪(fǎng)問(wèn)狀態(tài)，未被訪(fǎng)問(wèn)狀態(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之后，才是有效的。

提示：偽類(lèi)名稱(chēng)對(duì)大小寫(xiě)不敏感。

CSS偽類(lèi)和CSS類(lèi)

CSS偽類(lèi)可以與CSS類(lèi)配合使用：

 
 
 

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

假如上面的例子中的鏈接被訪(fǎng)問(wèn)過(guò)，那么它將顯示為紅色。

CSS2-:first-child偽類(lèi)

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

例子1：

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

 
 
 

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

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