title: Trying to change even list links css?
body: <p>So here's what I was trying to do</p>
  
  <p>CSS: </p>
  
  <pre><code>li:nth-child(2n) {
  background-color:gray;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This works well. But when I try </p>
  
  <pre><code>li&gt;a:nth-child(2n) {
      color:white;
  }
  </code></pre>
  
  <p>This doesn't work IDK why? </p>