CSS: Selecting table's without the s of nested tables

Question

How do you select the td elemennts of a table, without the td\'s of the nested tables ?
I thought of the following selector: table > tbody &g

Answer 1

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

Answer 2

Honestly, I don't think what you're trying to achieve is possible. What you might do is overwrite any unwanted styles to the nested table cells. So if you apply a red background to a cell, and that cell has nested cells, you need to overwrite the nested cells with the original background color.

Answer 3

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