父子選擇器是CSS中一種非常重要和實用的選擇器之一，可以幫助我們更加精確的操作html文檔，讓頁面更加美觀。在CSS 2.1標準的官方文檔中，w3c定義了眾多的父子選擇器，這篇文章將為大家介紹幾種常用的父子選擇器。

/* 子選擇器 */
div >p {
color: red;
}

以上代碼中，>符號表示選擇div節點的直接子節點p，即只有在div節點下第一層的p節點會被選中，不會選中嵌套在div子節點下的其他p節點。

/* 后代選擇器 */
div p {
color: red;
}

以上代碼中，空格符表示選擇div節點下所有后代節點p，即包括div節點的所有子孫節點中的p節點。

/* 相鄰兄弟選擇器 */
div + p {
color: red;
}

以上代碼中，+符號表示選擇div節點后面緊跟的兄弟節點p，即只有在div節點之后的第一個p節點會被選中。

需要注意的是，父子選擇器在選擇器的性能上較差，在實際開發中應該盡量減少使用父子選擇器，以提高網頁的性能。