这些选择器用于选择属于另一个元素后代的元素。 可以根据需要选择任意深度的级别。
例如,只针对“intro”部分第一段中的元素:
html
<div id="intro"> <p class="first">这是一行<em> 段落.</em></p> <p> 这个是另外一行段落</p> </div> <p class="first"> 这是一行段落不在intro里面</p> <p> 这是第二行段落不在intro里面 </p>
css
#intro .first em { color: pink; background-color:gray; }
结果
这是一行 段落.
这个是另外一行段落
这是一行段落不在intro里面
这是第二行段落不在intro里面
因此,只有选定的元素才会受到影响: