title: What is wrong with this css targeting?
body: <p>I might have been staring at the computer screen too long today and looked over something small but why can I not target these individual cells? (a1, a2, a3, etc...)</p>
  
  <pre><code>&lt;div class="row-a"&gt;
      &lt;div class="a"&gt;
          &lt;div class="1"&gt;&lt;/div&gt;
              sdf
      &lt;/div&gt;
      &lt;div class="a"&gt;
          &lt;div class="2"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="a"&gt;
          &lt;div class="3"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="a"&gt;
          &lt;div class="4"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="a"&gt;
          &lt;div class="5"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="a"&gt;
          &lt;div class="6"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="a"&gt;
          &lt;div class="7"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="a"&gt;
          &lt;div class="8"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="a"&gt;
          &lt;div class="9"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="a"&gt;
          &lt;div class="10"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:  </p>
  
  <pre><code>div.row-a div.a div.1 {
      border: 1px solid green;
      margin-left: 5px;
      margin-top: 5px;
      background-color:red;
      height: 50px;
      width: 50px;
  }
  </code></pre>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/tuHLE/" rel="nofollow">http://jsfiddle.net/tuHLE/</a></p>