.table-striped applies to sub-tables

Created by: mberkom

The table-striped selectors apply to a table's sub tables making a sub-table's rows all colored based on the parent table. See example here: http://jsfiddle.net/D2RLR/3042/

This is the code at fault: https://github.com/twitter/bootstrap/blob/master/less/tables.less#L148

Is:

// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.table-striped {
  tbody {
    tr:nth-child(odd) td,
    tr:nth-child(odd) th {
      background-color: @tableBackgroundAccent;
    }
  }
}

Should be:

// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.table-striped {
  > tbody {
    > tr:nth-child(odd) > td,
    > tr:nth-child(odd) > th {
      background-color: @tableBackgroundAccent;
    }
  }
}