custom css being overridden by bootstrap css

Question

I am using Bootstrap 3 and I have a table showing some data. in this table I have applied some javascript for conditional formatting, in the event that a condition is met, I

Answer 1

Use

.table-striped > tbody > tr:nth-child(odd) > td.red {
    background-color:red;
    color:white;
}

to create more specific selector, or the !important keyword (as shown by Andrew)

Alternitvaly, and probably best, you can create a custom bootstrap configuration, which not includes table styling (Uncheck Tables in Common CSS)