css3結構僞類選擇器first-child,last-child,nth-child(),nth-last-child()，only-child

1  element:first-child 選擇屬於其父元素的首個子元素的element元素

 

注意：div:first-child 必須是其父元素下面的第一個子元素且必須是div元素才能匹配的到

匹配結果：

 

2  同理：element:last-child 指定其父元素的最後一個子元素的element元素

注意：div:last-child  表明其父元素的最後一個元素必定是div才能匹配到

3    ：nth-child(n) 選擇器匹配屬於其父元素的第N個子元素

 

匹配結果

 

4， ：nth-last-child(n)  匹配屬於其父元素的第N個子元素（從後往前）

5,   only-child 匹配屬於其父元素的惟一子元素