css descentent

bir eleman seçerken kod ağacında istenilen derinliğe kadar inilmesini sağlayan koddur.
html

<div id="intro">
<p class="first">This is a <em> paragraph.</em></p>
<p> This is the second paragraph. </p>
</div>
<p class="first"> This is not in the intro section.</p>
<p> The second paragraph is not in the intro section. </p>

css

#intro .first em {
color: pink; 
background-color:gray;
}