CSS3新增了一些選擇符，可以更好的選擇和控制HTML元素，這篇文章將介紹其中的一些。

/* 1. :nth-child(n)選擇器 */
p:nth-child(2) {
color: red;
}

:nth-child(n)選擇器可以選中父元素的第n個(gè)子元素，可以是一個(gè)具體的數(shù)字，也可以是一個(gè)公式。如上述代碼會(huì)選中文檔中的第二個(gè)p元素并將字體變成紅色。

/* 2. :nth-last-child(n)選擇器 */
p:nth-last-child(2) {
font-size: 20px;
}

:nth-last-child(n)選擇器也是選中父元素的第n個(gè)子元素，但是是從后往前計(jì)數(shù)。例如，上述代碼會(huì)選中文檔中倒數(shù)第二個(gè)p元素并將字體大小設(shè)置為20px。

/* 3. :first-child選擇器 */
p:first-child {
background-color: gray;
}

:first-child選擇器就單純的選中父元素的第一個(gè)子元素，如上述代碼選中的是文檔中第一個(gè)p元素，并將其背景色改變成了灰色。

/* 4. :last-child選擇器 */
p:last-child {
border: 1px solid black;
}

:last-child選擇器則是選中父元素的最后一個(gè)子元素，如上述代碼選中的是文檔中最后一個(gè)p元素，并給其添加了黑色的邊框。

這些新增的選擇器可以讓我們更加方便的選擇并控制HTML元素，讓CSS樣式更加靈活、強(qiáng)大。