後代組合器
後代選擇器——通常由單個空格（" "）字元表示——將兩個選擇器組合起來，如果第二個選擇器匹配的元素具有匹配第一個選擇器的祖先元素（父元素、父元素的父元素、父元素的父元素的父元素等），則選中該元素。利用後代選擇器的選擇器稱為後代選擇器。
css
/* List items that are descendants of the "my-things" list */
ul.my-things li {
margin: 2em;
}
後代選擇器在技術上是兩個選擇器之間一個或多個CSS空白字元——空格字元和/或四個控制字元之一：回車、換頁、換行和製表符——且沒有其他組合器。此外，構成該組合器的空白字元可以包含任意數量的 CSS 註釋。
語法
css
selector1 selector2 {
/* property declarations */
}
示例
CSS
css
li {
list-style-type: disc;
}
li li {
list-style-type: circle;
}
HTML
html
<ul>
<li>
<div>Item 1</div>
<ul>
<li>Subitem A</li>
<li>Subitem B</li>
</ul>
</li>
<li>
<div>Item 2</div>
<ul>
<li>Subitem A</li>
<li>Subitem B</li>
</ul>
</li>
</ul>
結果
規範
| 規範 |
|---|
| 選擇器 Level 4 # 後代組合器 |
瀏覽器相容性
載入中…