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 子元素选择器