子元素选择器使用>符号选中父元素的直接子元素，如.container > div只作用于直接子div，避免样式影响深层后代，常用于导航、列表和布局中，相比后代选择器（空格）更精准控制样式范围。
在CSS中，子元素选择器（也叫直接子元素选择器）使用 > 符号来选中某个元素的直接子元素，而不是所有后代元素。这个选择器能让你更精确地控制样式的应用范围，避免样式意外影响到深层嵌套的元素。
什么是直接子元素？
直接子元素是指父元素的下一级子元素，中间不能有其他层级。例如：在这个例子中，第一个这是直接子元素
这是后代元素，但不是直接子元素
是 
.parent 的直接子元素，而第二个 使用 > 选择器设置样式
语法如下：父元素 > 子元素 {
/* 样式规则 */
}
示例：只为 .container 的直接子 设置背景色：.container > div {
background-color: lightblue;
}
这样，只有直接位于 .container 内部的 会应用该样式，嵌套在其他元素内的
