Wybór pierwszego td w pierwszej tabeli z CSS 3

Question

powiedzmy na przykład mam:

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

I

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

Co chcę zrobić, to zastosować styl do pierwszego td, z pierwszy stół.

się było spodziewać, że:

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

Jednak to nie działa? Proszę doradź!

Answer 1

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

Wydaje się działać.
Pamiętaj, że w IE musisz mieć deklarację! DOCTYPE w swoim html, aby uzyskać wsparcie dla: first-child. http://www.w3schools.com/cssref/sel_firstchild.asp