CSS是網頁設計中不可或缺的一環，它可以讓我們設置網頁布局、樣式、色彩等等。其中，背景色是網頁設計最基礎的一部分，經常被用到。今天我們要討論的是如何設置父子背景。

首先，我們需要了解一下CSS樣式規則的優先級，其優先級由高到低分別是：

1. !important
2. 行內樣式（如style=“background-color:red;”）
3. ID選擇器
4. 類選擇器、屬性選擇器、偽類選擇器
5. 標簽選擇器、偽元素選擇器
6. 通配符選擇器

因此，在設置父子背景時，我們需要注意樣式規則的優先級。

假設我們有一個HTML結構如下：

<div class="parent">
<div class="child"></div>
</div>

現在，我們想要將父元素div設置為深藍色，子元素div設置為淡藍色。我們可以使用以下CSS代碼：

.parent {
background-color: darkblue;
}
.child {
background-color: lightblue;
}

然而，如果我們在父元素中再嵌套一個子元素，那么這個子元素也會受到父元素樣式的影響，而且優先級比我們設置的子元素樣式高。為了解決這個問題，我們可以使用“后代選擇器”：

.parent {
background-color: darkblue;
}
.parent .child {
background-color: lightblue;
}

這樣，我們就可以將父子背景顏色分別設置，而不會相互干擾了。

總之，CSS的優先級非常重要，我們需要合理運用各種選擇器來控制樣式規則的優先級。在設置父子背景時，后代選擇器是個不錯的選擇。