title: Style list items in a certain div
body: <p>I have a div structure like the bottom:</p>
  
  <pre><code>&lt;div class="body-content"&gt;
    &lt;div class="col-middle"&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do is set a style on list items within the body-content class and make sure it does not apply to anything within col-middle</p>
  
  <p>I thought it would be something like...</p>
  
  <pre><code>.body-content li { }
  </code></pre>
  
  <p>but it applies those styles to list items within col-middle too.</p>