子节点选择器以关系选择器（Combinator）”>”来连接父元素和子元素。
父元素 >子元素 {
/* 属性值 */
}在以上代码中，”>”表示父元素和子元素之间的关系，父元素和子元素通过此关系建立联系。
该选择器所选取的子元素必须是其父元素的直接子元素，其它后代元素不符合要求。
/* 选取class="parent"中的第一层class="child"元素 */
.parent >.child {
/* 属性值 */
}以上代码中，“parent”是父元素的类名，“child”是所选取的子元素的类名。
子节点选择器可以帮助大家更方便地精确选择所需要的元素，并且可以减少不必要的选择路径。
需要注意的是，使用子节点选择器要注意HTML结构的合理性，避免出现不必要的嵌套，并且注意选择的子元素是否已继承父元素的一些属性值。