在CSS中，選擇器可以幫助我們選擇HTML頁面中的元素。這些選擇器可以基于元素名稱、類名、ID和各種其他屬性來選擇HTML元素。然而，在某些情況下，我們需要根據(jù)元素的關系來選擇元素，這時就需要使用子類和父類選擇器。

子類選擇器可以選擇作為另一個元素的后代的元素。這種選擇器是在父元素名后寫子元素名，用“>”符號分隔。例如，以下CSS規(guī)則將選擇ul元素內的所有l(wèi)i元素：

ul >li {
color: blue;
}

父類選擇器可以選擇擁有特定子元素的元素。這種選擇器是在子元素名稱前寫父元素名稱。例如，以下CSS規(guī)則將選擇包含class屬性為sample的div元素：

div.sample {
background-color: yellow;
}

我們還可以使用組合選擇器來結合子類和父類選擇器。例如，以下CSS規(guī)則將選擇包含class屬性為header的div元素中的所有h1元素：

div.header h1 {
font-size: 24px;
}

值得注意的是，子類和父類選擇器只選擇直接關系的元素，而不管它們的關系是多層的還是單層的。如果需要選擇多層關系的元素，我們應該使用后代選擇器。

總結來說，使用子類與父類選擇器可以幫助我們更加精確地選擇HTML頁面中的元素并設置樣式。我們可以在CSS中靈活運用這些選擇器以達到頁面美化的效果。