Selezione primo td nella prima tabella con i CSS 3

Question

Dire per esempio che ho:

<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> 

E

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

Quello che voglio fare è applicare uno stile al primo td, del primo tavolo

mi sarei aspettato:

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

Tuttavia non funziona? Si prega di avvisare!

Answer 1

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

Sembra funzionare.
Nota che in IE, devi avere una dichiarazione! DOCTYPE nel tuo html per ottenere supporto per: first-child. http://www.w3schools.com/cssref/sel_firstchild.asp