title: CSS - Syntax to select a class within an id
body: <p>What is the selector syntax to select a tag within an id via the class name?  For example, what do I need to select below in order to make the inner "li" turn red?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
          #navigation li
          {
              color: green;
          }
  
          #navigation li .navigationLevel2
          {
              color: red;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;ul id="navigation"&gt;
          &lt;li&gt;Level 1 item
              &lt;ul class="navigationLevel2"&gt;
                  &lt;li&gt;Level 2 item&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>