css3 -- 僞類與僞元素

僞類：

一、結構僞類

A：E ： first-child{}

     E ： nth-*（n）{}

     E ： first-*（even）{}

　  E ： first-*（odd）{}

 

B：nth-child 是根據其父元素中國子元素的總數進行計算

     nth-of-type 是根據特定類型的子元素進行計數

     nth-last-child 與nth-child相似，不過是從最後開始計算

     nth-last-of-type 與nth-of-type 相似，不過是從最後開始計算

 

C：first-of-type 、last-child、last-of-type區別於nth-child與nth-of-type相似，是相對於特定元素或相對於父元素的第一個元素或最後一個元素

 

D：only-child ：有一個父元素，但沒有任何的兄弟元素

     only-of-type ： 沒有相同類型的兄弟元素

 

二、target僞類

在涉及的URI唄使用的時候，將樣式應用到元素中

 

三、empty僞類

選擇沒有子元素（包含文本節點）的元素

 

四、root僞類

選擇文檔樹中的第一個元素，在HTML中，root永遠是html元素，使用root能夠將html元素賦予更高的特殊度

 

五、not僞類

E：not（F）{}  選擇除了做爲參數值給出的元素以外的全部元素

傳入not僞類的參數都必須是一個簡單選擇器

 

僞元素:

一、CSS2中：

：first-line

：first-letter

：after

：before

 

二、CSS3中，沒有添加新的僞元素，但對僞元素的定義稍微進行了優化

：：first-line

：：first-letter

：：after

：：before

 

三、::selection 選擇器匹配被用戶選取的選取部分

1 p::selection {
2    color:white;
3 }

Opera以及Webkit已經實現了，Firefox經過前綴實現

 

以上僞類以及僞元素要考慮IE8