在CSS中選擇子元素的時(shí)候，經(jīng)常需要選擇父元素，這個(gè)時(shí)候我們就需要用到CSS中的子元素選擇器。

父元素 >子元素 {
/* CSS屬性 */
}

比如說我們有一個(gè)HTML結(jié)構(gòu)：

<div class="parent">
<p>子元素1</p>
<p>子元素2</p>
<p>子元素3</p>
</div>

如果我們想要選擇父元素為class為parent的div中的所有p元素，就可以使用：

.parent > p {
/* CSS屬性 */
}

這樣就能選擇到所有父元素為class為parent的div中的所有p元素了。

需要注意的是，子元素選擇器只會(huì)選擇到直接子元素，不會(huì)選擇到這個(gè)子元素的孫子元素以及更深的元素。

比如說，如果我們有這樣一個(gè)HTML結(jié)構(gòu)：

<div class="parent">
<ul>
<li>子元素1</li>
<li>子元素2</li>
<li>子元素3</li>
</ul>
</div>

這個(gè)時(shí)候如果我們使用：

.parent > li {
/* CSS屬性 */
}

就只能選擇到ul中的子元素li，而無法選擇到li內(nèi)部的任何元素。

不過要注意，在有些瀏覽器中，子元素選擇器并不被支持，所以需要特別注意。