selecting parent table in css

Question

suppose I have a nested tables in html like this

<table>
<tr>
  <td><table>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </table></td>
  <td></td>
</tr>
<tr>
  <td><table>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </table></td>
  <td></td>
</tr>
</table>

Now I want to do style only to the parent table without adding any markup like any class or IDs. so how can I do that only in css.I just want to select the parent table.

Answer 1

You can't specify the parent table in a selector, but you can specify the child tables, so you can style all tables, and then override the style for child tables:

table { background: red; }
table table { background: none; }