CSS3是前端開發者不可或缺的一部分，它可以讓我們實現更多的效果，其中子父級選擇器就是一種很強大的選擇器。

.parent {
background-color: #F0F0F0;
}
.parent p {
color: #333;
}

子父級選擇器是用來對某一個元素下的子元素進行樣式設置的，我們通常使用“>”符號來選擇子元素。

.parent >.child {
color: red;
}

上述代碼表示選擇.parent下的直接子元素中的class為child的元素，然后設置它的顏色為紅色。

除了“>”符號，CSS3中還有另一個選擇器“~”，它用來選取同級元素中所有在指定元素之后的元素。

.parent ~ div {
color: blue;
}

上述代碼表示當.parent元素后有div元素出現時，對這些div元素設置顏色為藍色。

需要注意的是，子父級選擇器不能無限制地嵌套，因為它會影響網站的性能，建議不要超過四層。

總之，子父級選擇器是一個很好用的選擇器，用它可以方便地對需要修改的元素進行控制，避免不必要的選擇，并且不影響其他的元素。