Seleccionando la primera anotación en la primera tabla con CSS 3

Question

decir, por ejemplo que tengo:

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

Y

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

Lo que quiero hacer es aplicar un estilo al primer td, del primera mesa.

lo que habría esperado:

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

Sin embargo, esto no funciona? ¡Por favor avise!

Answer 1

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

Parece que funciona.
Tenga en cuenta que en IE, deberá tener una declaración! DOCTYPE en su html para obtener soporte para: first-child. http://www.w3schools.com/cssref/sel_firstchild.asp