Home/ Questions/Q 8397843
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T20:53:26+00:00

I have a table whose second row ,first column contains another table. I want

  • 0

I have a table whose second row ,first column contains another table. I want to set a background color to the parent table rows but it should not be applied to child table rows. For that I am trying use CSS Child-selector (>).But its not working …Can anybody tel me the reason.

Here is my piece of code:

<!DOCTYPE HTML PUBLIC>
<html>
 <head>
   <style>
   table.tab > tr{
     background:red;
   }
  </style>
 </head>

 <body>
  <table class="tab">
   <tr>
    <td>asdf</td><td>afda</td><td>asdfdsa</td>
   </tr>

   <tr>
    <td colspan="3">
      <table>
       <tr>
          <td>afds</td><td>Trkaladf</td><td>inner Tab</td>
       </tr>
      </table>
    </td>
   </tr>

  </table>
 </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    table.tab > tbody > tr indeed gives the style to only the first row.
    If you take a look at the DOM with firebug, you can confirm it. The first row of the child table doesn’t get styled the same way.

    However, since your child table is inside a table row that has a red background, and the child table has no background specified, the child table will have no background – and thus you still see the red background “through” the child table.

    Possible solution – styling the child table as well with a different background:

    table.tab > tbody >  tr {
 background:red;
}

table.tab table > tbody > tr{
 background:white;
}
    • 0