title: converting this to css stylesheet
body: <p>I get a little lost on css stylesheet syntax. My dilemma is that I have four <code>&lt;div&gt;</code> tags with ROUGHLY the same style, except the colors are different or one may <code>float: left</code> but another tag might not have that.</p>
  
  <p>So I was thinking I could add <code>id</code> to all of these so that I can move these style statements into the stylesheet.</p>
  
  <p>How would I address each individual id in the stylesheet? I'm thinking something like <code>div#id</code> or something. Lets assume basic <code>div</code> is already unavailable, but I want some abstract stylesheet tag that at least contains <code>display:block</code> and <code>font-size:11px</code> and then a more specific stylesheet tag to address each <code>&lt;div&gt;</code> tag by its id or class or name.</p>
  
  <pre><code>&lt;div style="display:block; color:steelblue; float:left; font-size:11px;"&gt;Open Requests&amp;nbsp;&lt;/div&gt;
  &lt;div id="openNumber" style="display:block; color:steelblue; font-size:11px; clear:right;"&gt;13&lt;/div&gt;
  
  &lt;div style="display:block; color:green; float:left; font-size:11px;"&gt;Completed Requests&amp;nbsp;&lt;/div&gt;
  &lt;div id="completeNumber" style="display:block; color:green; float:left; font-size:11px;"&gt;13&lt;/div&gt;
  </code></pre>
  
  <p>I get a little turned around on the syntax for different selector types</p>
  
  <p>Thanks for any insight</p>