結構化僞類 first-child , last-child , nth-child,

結構化僞類能夠根據標記的結構應用樣式，好比根據某元素的父元素或前面的同胞

元素是什麼。

1. :first-child 和 :last-child
e :first-child
e :last-child
:first-child 表明一組同胞元素中的第一個元素，而 :last-child 則表明最後一個。
好比，把下面的規則
ol.results li:first-child {color:blue;}
應用給如下標記：
<ol class="results">
<li>My Fast Pony</li>
<li>Steady Trotter</li>
<li>Slow Ol' Nag</li>
</ol>
文本「My Fast Pony」就會變成藍色。若是選擇符改爲這樣：
ol.results li:last-child {color:red;}

那變成紅色的文本就是「Slow Ol’ Nag」了。

2. :nth-child  odd(奇數) 或 even(偶數)
e :nth-child(n)
e 表示元素名， n 表示一個數值（也能夠使用 odd 或 even ） 。
例如，
li:nth-child(3)
會選擇一組列表項中的每一個第三項。

:nth-child 僞類最經常使用於提升表格的可讀性