CSS是一種在網頁設計和排版上非常重要的技術。選擇器是CSS中非常重要的一部分，基于選擇器我們能夠定義哪些元素將會受到CSS的影響。但是有時候一個元素中包含有多個子元素，我們需要定義特定的樣式只針對某一個子元素。這時候，CSS子選擇器就可以派上用場啦！

/* 選擇直接子元素 */
div >p {
color: red;
}
/* 選擇所有p元素的第一個子元素 */
p:first-child {
font-weight: bold;
}
/* 選擇所有ul元素的最后一個子元素 */
ul:last-child {
border: 1px solid black;
}
/* 選擇所有ul元素的倒數第二個子元素 */
ul:nth-last-child(2) {
background-color: #F5F5F5;
}

子選擇器所使用的符號是">"，用于選擇某個元素的直接子元素。例如上面的代碼示例，div >p就表示選擇div元素中所有的直接子元素p，并對其設置為紅色字體。

:first-child選擇器表示選擇某個元素中的第一個子元素。如果我們想讓第一個子元素的字體加粗，就可以使用:first-child選擇器進行設置。

:last-child選擇器也是類似的用法，它可以選擇某個元素中的最后一個子元素，并對其設置樣式。

:nth-last-child(n)選擇器表示選擇某個元素中的倒數第n個子元素。如果我們想將ul元素中倒數第二個子元素的背景顏色設置為F5F5F5，就可以使用這個選擇器進行設置。

總之，CSS子選擇器讓我們能夠更加精確地定位和設置某個元素的子元素，使頁面的樣式更加美觀和易讀。