CSS是構建網頁的基石，選擇器是CSS最重要的組成部分之一。在CSS中，選擇器的作用是選中需要修改樣式的HTML元素。但是在使用選擇器的過程中，我們可能會遇到一些問題，例如選擇器選中了不需要修改樣式的子元素。

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

<div>
<p>這是一個段落。</p>
<p>這是另一個段落。</p>
<ul>
<li>列表項1</li>
<li>列表項2</li>
</ul>
</div>

我們使用CSS選擇器來選取所有的 p 元素：

p {
background-color: yellow;
}

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

div > p {
background-color: yellow;
}

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

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