表行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规则所做的。

如果要为具有“holiday”类的实际表行设置样式，则必须删除一个空格。

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

请注意'tr'和'.holiday'之间没有空格

Answer 3

试试这个

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