<div>是HTML中最常用的元素之一，它可以用來封裝和組織其他的HTML元素。在頁面設計中，經常需要對某個特定的<div>元素下級進行樣式或功能的設置。為此，CSS提供了一種選擇器——“div下級選擇器”，用于選取指定<div>元素下特定的子元素。接下來，我們將通過幾個代碼案例，詳細解釋并演示“div下級選擇器”的用法。
## 第一種情況
，我們創建一個簡單的HTML頁面，并在頁面中包含了兩個<div>元素，如下所示：

HTML
<div class="parent">
<h1>Title</h1>
<p>Content</p>
</div>
<br>
<div class="parent">
<h1>Title</h1>
<p>Content</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</div>

上述代碼中，我們有兩個具有相同class="parent"的<div>元素?，F在，我們想對第一個<div>元素下級的<h1>元素進行樣式設置，可以使用如下的CSS代碼：

CSS
.parent > h1 {
color: red;
}

在上述代碼中，使用了“div > h1”的選擇器，表示選擇<div>元素下級的<h1>元素。我們設置了<h1>元素的顏色為紅色，這樣第一個<div>元素下的<h1>元素就會顯示為紅色。
## 第二種情況
接下來，我們創建另一個示例，其中包含了多層嵌套的<div>元素，代碼如下：

HTML
<div class="parent">
<h1>Title</h1>
<p>Content</p>
<div class="child">
<h2>Subtitle</h2>
</div>
</div>

在上述代碼中，我們有一個父級<div>和一個子級<div>，子級<div>的class被設置為"child"?，F在，我們想對父級<div>下級的

元素進行樣式設置。可以使用如下的CSS代碼：

CSS
.parent > .child > h2 {
font-size: 20px;
color: blue;
}

在上述代碼中，我們使用了“parent > .child > h2”的選擇器，表示選擇parent<div>元素下級的class為child的<div>元素下級的

元素。我們設置了

元素的字體大小為20px，并且顏色為藍色。這樣，父級<div>下的子級<div>下的

元素就會按照我們設置的樣式進行顯示。
通過以上兩個案例的演示，我們可以看到“div下級選擇器”在選擇指定<div>元素下級的子元素時非常有用。我們可以根據需要嵌套多層<div>元素，并使用選擇器來精確地選取我們想要操作的元素。這樣，我們能夠更好地控制和修改頁面的樣式。