后代选择器的原理是:通过祖级元素寻找任意后代元素。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>复合选择器之后代选择器 --准确找到任意子元素</title>
</head>
<body>
<style>
/* 后代选择器(利用祖宗准确选择标签) */
div p{
color:red;
}
</style>
<div>
<div>
<p>慈众营销致力于为企业网络营销及产品B2B、博客、论坛推广提供最优发帖平台、发帖软件及推广工具的万能解决方案。</p>
</div>
</div>
<p>2019最新研发的易博万能网页信息发布系统,创新数据提交模式,更简单、更便捷、更高效,让营销菜鸟也会编写网页发帖软件!</p>
</body>
</html>
解释一下:
以上代码中,我们使用div p这样的格式去选择了div中的p元素,我们看到,在html结构中,有两个p标签,一个p标签被两层div包裹,另一个没有被包裹。
div p这样的选择器语法表示:div中的p。也就是说,不论p的外面套了多少层div,它都能找到。
执行结果如下:
|