這個css定位有什麼問題？

Question

我今天可能一直盯着電腦屏幕太長時間，看着一些小東西，但爲什麼我不能瞄準這些單獨的細胞？ （A1，A2，A3等）

<div class="row-a"> 
    <div class="a"> 
     <div class="1"></div> 
      sdf 
    </div> 
    <div class="a"> 
     <div class="2"></div> 
    </div> 
    <div class="a"> 
     <div class="3"></div> 
    </div> 
    <div class="a"> 
     <div class="4"></div> 
    </div> 
    <div class="a"> 
     <div class="5"></div> 
    </div> 
    <div class="a"> 
     <div class="6"></div> 
    </div> 
    <div class="a"> 
     <div class="7"></div> 
    </div> 
    <div class="a"> 
     <div class="8"></div> 
    </div> 
    <div class="a"> 
     <div class="9"></div> 
    </div> 
    <div class="a"> 
     <div class="10"></div> 
    </div> 
</div> 

CSS：

div.row-a div.a div.1 { 
    border: 1px solid green; 
    margin-left: 5px; 
    margin-top: 5px; 
    background-color:red; 
    height: 50px; 
    width: 50px; 
} 

的jsfiddle：http://jsfiddle.net/tuHLE/

Answer 1

你都無從類名稱以數字，這就是爲什麼你的代碼不起作用。

請參閱Which characters are valid in CSS class names/selectors?。

編輯：嗯，好吧，不完全是。從技術上講，你可以開始一個數字的類名。實際上，幾乎所有的東西都可以用作類名（NUL除外）。但是，如果您使用以數字開頭的類名稱，則必須在CSS中將其轉義。例如，要選擇class="1"格，你可以做到以下幾點：

.row-a .a .\31 {...} 

更多信息請參見http://mathiasbynens.be/notes/css-escapes。