title: CSS precedence
body: <p>My webpage contains:</p>
  
  <pre><code>&lt;link href="/Content/Site.css" rel="stylesheet" type="text/css" /&gt;
  &lt;style type="text/css"&gt;
  td {
      padding-left:10px;
  } 
  &lt;/style&gt;
  </code></pre>
  
  <p>The referenced stylesheet contains:</p>
  
  <pre><code>.rightColumn * {margin: 0; padding: 0;}
  </code></pre>
  
  <p>I have a table in the <code>rightcolumn</code> ID where I want the cells to have a little padding. However, the referenced stylesheet is taking precedence over the inline styling. I see this visually and also via Firebug. If I turn off the <code>padding:0</code> instruction in Firebug, the padding-left takes effect.</p>
  
  <p>How can I get the <code>padding-left</code> to work?</p>