選擇第一個(gè)孩子是CSS中非常常用的一個(gè)選擇器，簡(jiǎn)單明了，使用靈活。主要有兩種方法：

1. :first-child 偽類選擇器
該選擇器會(huì)選擇第一個(gè)子元素，不論此子元素是什么類型的元素。如果一個(gè)元素是作為包含元素的第一個(gè)子元素出現(xiàn)的，那么這個(gè)元素就會(huì)被選擇：
例如：
ul li:first-child {
color: red;
}
上面的 CSS 代碼將選擇任何 ul 列表中第一個(gè) li 元素并將其文本顏色設(shè)置為紅色。
2. :nth-child(1) 偽類選擇器
:nth-child(1) 表示選擇父元素下的第一個(gè)子元素，與:first-child 偽類選擇器的作用一樣，不同的是，:nth-child(n) 可以選擇任意一個(gè)子元素。
例如：
ul li:nth-child(n) {
color: red;
}
上面的 CSS 代碼將選擇 ul 列表中的所有 li 元素并將它們的文本顏色都設(shè)置為紅色，包括第一個(gè)子元素。
使用第一個(gè)孩子選擇器可以精確地定位頁(yè)面中的某些元素，使用起來(lái)十分方便。