Таблица цветов Ряд CSS фона не изменит

Question

У меня есть следующие CSS:

.tableStatic tbody tr { border-top: 1px solid #e7e7e7; } 
.tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; } 

Я хочу, чтобы изменить цвет фона некоторых «отпускной» строки следующим образом

.tableStatic tbody tr { border-top: 1px solid #e7e7e7; } 
.tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; } 
.tableStatic tbody tr .holiday {background-color: #778899;} 

Как всегда это Безразлично Не работай. Цвет фона изменен, но используется # f5f5f5 вместо # 778899

Любые указатели?

Answer 1

У вас есть место там:

.tableStatic tbody tr .holiday {background-color: #778899;} 

Удалите его, и он должен работать.

.tableStatic tbody tr.holiday {background-color: #778899;} 

Answer 2

Есть ли элемент в строке таблицы с классом «праздник»? Потому что это то, что делает ваше последнее правило CSS.

Если вы хотите стилизовать фактические строки таблицы, которые имеют класс «праздник», вы должны просто удалить одно пространство.

.tableStatic tbody tr.holiday {background-color: #778899;} 

Уведомление нет пробела между 'тр' и '' .holiday

Answer 3

попробовать это

.tableStatic tbody tr .holiday {background-color: #778899 !important;}