title: I need help understanding stylesheets
body: <p>This is a homework question. It is not for a grade (FYI).But we have to study the questions for our final exam. I lost this particular question and need to better understand how to derive to the answers. Please see question below:</p>
  
  <p>Consider this style sheet:</p>
  
  <pre><code>.x{ color: blue;}
  
  .y{ font-size: 16pt;}
  
  .z {font-style: italic; color: red;}
  </code></pre>
  
  <p>Match the following text with its appearance.</p>
  
  <pre><code>A. 16pt
  B. red, italic 
  C. blue, italic
  D. blue
  
  1. &lt; span class=x &gt; TEXT &lt; /span&gt;
  
  2. &lt; span class=y&gt; TEXT &lt; /span&gt;  
  
  3. &lt; span class=x&gt; &lt; span class="z"&gt;TEXT&lt; /span &gt; &lt; /span&gt;    
  
  4. &lt; span class=z &gt; &lt; span class=x&gt;TEXT&lt; /span&gt;&lt; /span&gt;  
  </code></pre>
  
  <p>Can anyone help me understand this better?</p>