title: Overriding properties in CSS
body: <pre><code>#iddiv span {
      display: inline-block;
      width: 190px;
  }
  .myclass {
      width:10px;
  }
  </code></pre>
  
  <p>Then I have </p>
  
  <pre><code>&lt;div id="iddiv"&gt;
      &lt;span&gt;hello:&lt;/span&gt; 
      &lt;span class="myclass"&gt;yeah&lt;/span&gt; &lt;br/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like the first <code>span</code>'s <code>width</code> to be 190px, and second's to be 10px. But both are 190px: why it's not overriding the <code>width</code> propoerty?</p>
  
  <p>EDIT: Thanks for your responses. What about unsetting width? I don't want 10px width, just default width as if it was undefined</p>