组合器 子元素 CSS (>)

定义和用法

CSS 子元素组合器 (>) 用于选择作为特定父元素直接子元素的元素。

第二个选择器匹配的元素必须是第一个选择器匹配的元素的直接子元素。

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

实例

选择并设置作为 <div> 元素直接子元素的每个 <p> 元素的样式：

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

亲自试一试

CSS 语法

element1 > element2 {
  css declarations;
}

技术细节

版本： CSS2

浏览器支持

表格中的数字表示完全支持该组合器的首个浏览器版本。

Chrome Edge Firefox Safari Opera
Ci gaba 7.0 Ci gaba Ci gaba Ci gaba

Shafuka

Dakarar CSS:选择器 子元素 CSS