后代选择器(Descendant Selector)是 CSS 中一种用于选择某个元素的后代元素的选择器。后代选择器通过使用空格将两个或多个选择器组合在一起,以此来选择指定元素的后代元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>后代选择器</title>
<style>
/* 后代选择器指元素的所有指定的后代,不一定是直接后代:用 空格 隔开 */
/* 找出所有在 div 里的 p 标签,不是直接后代也找出来 */
div p{
}
/* 找出所有在类 .top-div 里的 p 标签,不是直接后代也找出来 */
.top-div p{
}
</style>
</head>
<body>
</body>
</html>