CSS 子元素組合器 (>)

定義和用法

CSS 子元素組合器 (>) 用于選擇作為特定父元素直接子元素的元素。

第二個選擇器匹配的元素必須是第一個選擇器匹配的元素的直接子元素。

注意：不是指定父元素直接子元素的元素不會被選中。

實例

選擇并設置作為 <div> 元素直接子元素的每個 <p> 元素的樣式：

div > p {
  background-color: gold;
  border: 1px solid gray;
}

親自試一試

CSS 語法

element1 > element2 {
  css declarations;
}

技術細節

版本： CSS2

瀏覽器支持

表格中的數字表示完全支持該組合器的首個瀏覽器版本。

Chrome Edge Firefox Safari Opera
支持 7.0 支持 支持 支持

相關頁面

CSS 教程：CSS 子元素選擇器