title: How to control CSS of h2 inside an unordered list
body: <p>I'm having a hard time figuring out on how can I control the style of my h2 inside an unordered list. So my structure is like this:</p>
  
  <pre><code>&lt;div name="main_div"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;h2&gt;Hello World!&lt;/h2&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>On my css, what I've got so far is this:</p>
  
  <pre><code>.main_div ul li h2 {color:#fff}
  </code></pre>
  
  <p>The thing is, it doesnt change the h2's color. Can anyone help me with this?</p>