前端開發(fā)中，CSS是不可或缺的一部分。通過CSS，我們可以為HTML文檔添加美觀的樣式和動畫效果。父子選擇器是CSS中非常重要的一種選擇器，它可以用來選擇文檔中的特定HTML元素。

/*父元素選擇器*/
.parent{
background-color: yellow;
}
/*子元素選擇器*/
.parent p{
color: red;
}

父子選擇器可以定義在CSS的樣式表中。它的第一個部分是父元素的類或標(biāo)簽名稱，后面是一個空格，然后是子元素的類或標(biāo)簽名稱。

在上面的代碼中，我們定義了一個類名為.parent的父元素選擇器和一個類名為.parent p的子元素選擇器。在這個例子中，我們使用父元素選擇器來設(shè)置父元素的背景顏色為黃色。同時，我們通過子元素選擇器來設(shè)置父元素中的所有p標(biāo)簽的文字顏色為紅色。

父元素選擇器和子元素選擇器之間必須用空格分隔。這個空格告訴瀏覽器在父元素和子元素之間建立關(guān)聯(lián)。如果沒有這個空格，瀏覽器會認(rèn)為這只是兩個獨(dú)立的選擇器。

父子選擇器還可以嵌套使用。例如:

.parent{
background-color: yellow;
}
.parent .child{
color: red;
}
.parent .child span{
font-weight: bold;
}

在這個例子中，我們使用了父元素選擇器、子元素選擇器和后代選擇器來選擇文檔中的特定HTML元素。我們首先設(shè)置了.parent元素的背景顏色為黃色，然后通過.parent .child選擇器選擇了class為.child的子元素。接著，我們通過.parent .child span選擇器進(jìn)一步選擇了class為.child的子元素中的所有span標(biāo)簽，并設(shè)置它們的字體粗細(xì)為bold。

父子選擇器在Web開發(fā)中非常有用，可以幫助我們快速、準(zhǔn)確地為文檔中的元素添加樣式。