CSS是構(gòu)建網(wǎng)頁(yè)的基石，選擇器是CSS最重要的組成部分之一。在CSS中，選擇器的作用是選中需要修改樣式的HTML元素。但是在使用選擇器的過(guò)程中，我們可能會(huì)遇到一些問(wèn)題，例如選擇器選中了不需要修改樣式的子元素。

例如，在以下HTML代碼中，我們想選擇所有的 p 元素并設(shè)置它們的背景顏色為黃色：

<div>
<p>這是一個(gè)段落。</p>
<p>這是另一個(gè)段落。</p>
<ul>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
</ul>
</div>

我們使用CSS選擇器來(lái)選取所有的 p 元素：

p {
background-color: yellow;
}

但是，此時(shí) li 元素也被選中并設(shè)置為黃色，因?yàn)?li 元素是 p 元素的子元素。這時(shí)候我們可以使用“不包含子元素”的選擇器：

div > p {
background-color: yellow;
}

這樣，只有 div 元素下的直接子元素p元素會(huì)被選中，li元素不會(huì)被選中。

使用“不包含子元素”的選擇器可以幫助我們避免不需要修改樣式的子元素被選中的問(wèn)題，讓我們更加輕松快捷地構(gòu)建網(wǎng)頁(yè)。