title: Can I override a #id ul li behaviour with a class definition
body: <p>I have an area that is identified by a #id and there is a CSS like:</p>
  
  <pre><code>#id ul li {
      margin:0;
  }
  </code></pre>
  
  <p>can I, for a specific UL in that area, override the margin-setting? I understand that #id creates very high priority in evaluating the formatting.</p>
  
  <p>I have tried:</p>
  
  <pre><code>.myclass ul li {
      margin-left: 20px;
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>#id ul.myclass {
  </code></pre>
  
  <p>as well as</p>
  
  <pre><code>#id li.myclass {
  </code></pre>
  
  <p>Is it even possible?</p>