CSS 子元素選擇器
與后代選擇器相比，子元素選擇器（Child selectors）只能選擇作為某元素子元素的元素。
選擇子元素
如果您不希望選擇任意的后代元素，而是希望縮小范圍，只選擇某個(gè)元素的子元素，請(qǐng)使用子元素選擇器（Child selector）。
例如，如果您希望選擇只作為 h1 元素子元素的 strong 元素，可以這樣寫(xiě)：
h1 > strong {color:red;}
這個(gè)規(guī)則會(huì)把第一個(gè) h1 下面的兩個(gè) strong 元素變?yōu)榧t色，但是第二個(gè) h1 中的 strong 不受影響：
<h1>This is <strong>very</strong> <strong>very</strong> important.</h1> <h1>This is <em>really <strong>very</strong></em> important.</h1>
語(yǔ)法解釋
您應(yīng)該已經(jīng)注意到了，子選擇器使用了大于號(hào)（子結(jié)合符）。
子結(jié)合符兩邊可以有空白符，這是可選的。因此，以下寫(xiě)法都沒(méi)有問(wèn)題：
h1 > strong h1> strong h1 >strong h1>strong
如果從右向左讀，選擇器 h1 > strong 可以解釋為“選擇作為 h1 元素子元素的所有 strong 元素”。
結(jié)合后代選擇器和子選擇器
請(qǐng)看下面這個(gè)選擇器：
table.company td > p
上面的選擇器會(huì)選擇作為 td 元素子元素的所有 p 元素，這個(gè) td 元素本身從 table 元素繼承，該 table 元素有一個(gè)包含 company 的 class 屬性。