2、3部分会不会显示CSS？
<!DOCTYPE html>
<html lang="en">
<head>
<title>包含(后代)选择器</title>
<style type="text/css">
.test span{color:red;}
</style>
</head>
<body>
<p class="test">
<span>
1、这部分会不会显示CSS
<p>
<span>2、这部分不会显示CSS</span>
</p>
</span>
<span>
3、这部分不会显示CSS
</span>
</p>
</body>
</html>
从结果来看，<p>元素确实有其特殊性存在，将<p>元素换成<div>元素，就都能显示出来，代码如下：
<div class="test">
<span>
这是一个用于测试结果的包含选择器
<p>
<span>这部分会显示CSS</span>
</p>
</span>
<span>
这部分会显示CSS
</span>
</div>
