<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>复合选择器之子代选择器 --寻找指定元素的子元素</title>
</head>
<body>
<style>
/* 子元素选择器 */
div>p{
color:red;
}
</style>
<div>
盒子
<p>慈众营销致力于为企业网络营销及产品B2B、博客、论坛推广提供最优发帖平台、发帖软件及推广工具的万能解决方案。</p>
<span>
<p>2019最新研发的易博万能网页信息发布系统，创新数据提交模式，更简单、更便捷、更高效，让营销菜鸟也会编写网页发帖软件！</p>
</span>
</div>
</body>
</html>
解释一下：
以上代码中，我们通过div>p这样的语法选择了div下的p标签，也就是通过div找到它的儿子，如果p标签是div的孙子则不能找到。
div>p 这样的选择器语法表示：div下的p。也就是说，仅当p标签被一层div嵌套时能够找到。
执行结果如下：
|
窥视卡
雷达卡
发表于 2023-1-31 17:23:09
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-15 20:50:12
