title: Nth Child for ul li a links
body: <p>I am trying to get a special styling for <code>ul</code> <code>li</code> <code>a</code> elements. Here's the code:</p>
  
  <pre><code>&lt;ul id="menu"&gt;
  &lt;li&gt;&lt;a href="#"&gt;One&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Two&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Three&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'd like the second link (Two) to have a different styling (<code>color</code>) than the other two (One and Three).</p>
  
  <p>This is what I've been trying, but it does not seem to work:</p>
  
  <p><code>#menu li a:nth-child(even) {color:red;}</code></p>
  
  <p>Any tips for getting this to work? Here is a fiddle all set up:</p>
  
  <p><a href="http://jsfiddle.net/DSkfH/" rel="noreferrer">http://jsfiddle.net/DSkfH/</a></p>
  
  <p>Thanks!</p>