title: How to Change the Font of a Specific <li>
body: <p>I cannot figure out the proper CSS selector to target changing the font of only one list item. Here's the layout </p>
  
  <pre><code>&lt;ul id="menu-applemain class="x-nav&gt;
  &lt;li&gt;One&lt;/li&gt;
  &lt;li&gt;Two&lt;/li&gt;
  &lt;li&gt;Three&lt;/li&gt;
  &lt;li&gt;Four&lt;/li&gt;
  &lt;li&gt;Five&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'm actually able to select the correctlist item via 
  <code>#menu-applemain li:nth-child(4){  }</code> I can change the background color but not the font, even when using !important. I'm pretty sure I need target the li a in order to change the font. I'm just not sure of the selector. I've tried <code>#menu-applemain li a:nth-child(4){  }</code> but that doesn't work.</p>