子代选择器是以>字符连接两个元素组合的选择器形式

语法：

• 元素1 > 元素2{声明样式}
• /* 声明选择父元素为元素1的所有元素2css样式 */

实例HTML代码：

• <div><p>什么是子代选择器 - 覃师宁博客</p></div>
• <p>这是一个P标签样式</p>

实例CSS代码：

• p { background-color: #ed2000; color:#fff;}
• div > p {background-color: Blue;color:#fff;}

实例在浏览器运行效果：