Chọn td đầu tiên trong bảng đầu tiên với CSS 3

Question

Nói ví dụ tôi có:

<div id="container"> 
    <table> 
     <tr> 
      <td></td> 
      <td></td> 
     </tr> 

     <tr> 
      <td></td> 
      <td></td> 
     </tr> 
    </table> 

    <table> 
     <tr> 
      <td></td> 
      <td></td> 
     </tr> 

     <tr> 
      <td></td> 
      <td></td> 
     </tr> 
    </table> 
</div> 

Và

td { width:10px; height:10px; } 

Những gì tôi muốn làm là áp dụng một phong cách cho td đầu tiên, của bảng đầu tiên.

tôi sẽ mong đợi:

#container table:first-child td:first-child { 
    background: red; 
} 

Tuy nhiên nó không hoạt động? Xin cho biết!

Answer 1

#container table:first-child tr:first-child td:first-child { background: red; } 

Dường như hoạt động.
Lưu ý rằng theo IE, bạn sẽ cần phải có một khai báo DOCTYPE trong html của bạn để nhận hỗ trợ cho: con đầu tiên. http://www.w3schools.com/cssref/sel_firstchild.asp