子代选择器（child combinator selector）是 CSS 中的一种选择器，用于选择作为某个元素直接子元素的元素。子代选择器使用大于号（>）来表示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>子代选择器</title>
<style>
/* 子代选择器指元素直接后代：用 > 隔开 */
/* 找出 div 的直接子 p 标签（隔代的 p 不算） */
div>p{
}
/* 找出 ul 的所有后代 li 中，所有直接的子 a 标签（隔代的 a 不算） */
ul li>a{
}
</style>
</head>
<body>
</body>
</html>