子组合器

子组合器（>）是CSS中一种重要的选择器，用于连接两个选择器，表示它们之间的父子关系。当需要精确选择某个元素的直接子元素时，子组合器非常有用。

子组合器只匹配那些被第二个选择器匹配的元素，而这些元素必须是被第一个选择器匹配的元素的直接子元素。这意味着它比后代组合器更加严格，后者会匹配所有符合条件的后代元素，无论它们在DOM树中有多深。

/* 选择属于"my-things"类的无序列表（ul）的直接子列表元素（li） */
ul.my-things > li {
  margin: 2em;
}

在上面的例子中，只有那些直接作为"my-things"类无序列表的子元素的列表项（li）才会被选中。如果列表项嵌套在其他元素内，即使这些元素也是"my-things"类无序列表的子元素，也不会被匹配。

子组合器在精确控制样式方面非常有用，特别是在处理复杂文档结构时。它可以帮助开发者避免不必要的样式继承，确保样式只应用于特定的直接子元素。

需要注意的是，子组合器在现代浏览器中得到了广泛支持，自2015年7月以来就已经在所有主流浏览器中可用。这使得它成为CSS开发中可靠且实用的工具。