CSS: Selecting table's <td> without the <td>s of nested tables

So you have this?

<table id="outer">
   <tbody>
      <tr>
         <td>
            <table id="anotherTable">
            ...
            </table>
         <td>
      <tr>
   </tbody>
</table>

And you want to only select td's in the root table.

#outer>tbody>tr>td

Just like you entered in your question (direct child selectors).

Easiest way is to add an id or class to that outermost table, an then use that in your selector:

table#id > tbody > tr > td