元素：

div p {
/* CSS樣式 */
}

上面的CSS選擇器中，我們用空格將父元素和子元素分開，其中“div”表示父元素，而“p”表示子元素。這個選擇器的意思是選擇在“div”元素下的所有“p”元素。

不僅如此，子覺父相還可以支持更多復雜的選擇器，例如選擇某個元素的直接子元素，在CSS中可以使用“>”符號來表示。例如：

ul >li {
/* CSS樣式 */
}

上面的CSS選擇器表示選擇所有在“ul”元素下的直接子元素“li”元素。

除了直接子元素，還有一種情況是選擇某個元素下的所有后代元素，無論它們有多少層級關系。在CSS中使用“空格”符號即可表示。例如：

div span {
/* CSS樣式 */
}

上面的CSS選擇器表示選擇所有在“div”元素下的后代“span”元素。

總之，子覺父相是CSS中一個非常有用且常用的選擇器，讓我們能夠更好地控制頁面元素的樣式，提升頁面設計和用戶體驗。