Bootstrap Table Rollover

I am using Bootstrap to revamp one of my websites. I have implemented the table function to include table-striped and table-hover. To stay uniform with the present site I included the following Bootstrap overrides in myBootstrap.css file.

Code:

---

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: @roll_over;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: @tabl_rowevn;
}

---

These change work... kinda. The striping works as it should but the roll-over only work on the odd rows.

TIA for any assistance.
jdadwilson

What if you switch the order of the CSS so the hover stuff sits below the striped stuff in the stylesheet?

If you need more help, a link to the page would be great.

That did it.

Thanks so much for your help.

jdadwilson