Contextual selectors are very selective.

This example shows how to target a specific tag using the document hierarchy.

Tags only need to be descendants in the order stated in the selector; other tags can be in between and the selector still works.

Only the phrase order stated above is orange because it is within an EM tag that is within a SPAN tag that is within a P tag. Contextual Selection!!

p span em {color: orange;}

<h1>Contextual selectors are
  <em>very</em> selective.
</h1>
 
<p>This example shows how to target a
  <em>specific</em> tag using the document hierarchy.
</p>
 
<p>Tags only need to be descendants
  <span> in the
    <em>order listed</em> in the selector
  </span>; other tags can be in between and the 
  selector still works.
</p>