相信學過CSS的同學都知道CSS中的選擇器，其中比較常用的一種是父親選擇器（Parent Selector）也叫父子選擇器（Child Selector），可以讓我們更方便快捷地操作DOM元素。

父親選擇器的語法為“父元素 >子元素”，表示僅僅選擇父元素下面的子元素。例如，下面的CSS代碼就可以讓所有p元素的第一個直接子元素（即第一個兒子）變成紅色：

p >:first-child {
color: red;
}

這里的“>”符號就是父親選擇器，冒號后面的“first-child”表示子元素的類型，表示選中第一個直接子元素。這種選擇器的好處在于它只會選中直接作為父元素子元素的元素，對于孫子或更遠的后代元素不起作用。這一點與后面要介紹的兒子選擇器（descendant selector）不同，后者可以選中所有與父元素有關系的元素。

下面再給出一個例子，可以讓表格的第一行文字字體加粗，而其它行保持默認：

table tr:first-child {
font-weight: bold;
}

這里的“table tr”表示所有表格行，而“:first-child”表示第一個兒子，即表格的第一行。使用父親選擇器可以更方便快捷地設置樣式，不必為每一個子元素都設置類名或ID。