如何覆盖a<；tr>'；什么时候用ajax加载CSS？

我这里有一个例子，你可以点击一行，它会在下面插入一个新行。新行由一个新表组成

从上面的提琴中可以看到，每个表都有一个悬停在CSS上的位置。现在的问题是，父表的悬停覆盖了第二个表

我更希望在将鼠标悬停在新行上时覆盖父表中的悬停效果，以便可以看到子表的悬停效果：

我试图阻止在新行上应用父表CSS，如下所示：

table.cb_table-hover tbody tr:hover td:not(.override),
table.cb_table-hover tbody tr:hover th:not(.override){
      background-color: #cfe2e8;  
}

如您所见：

然而，结果并不像我预期的那样。我会错过什么？ 谢谢

CSS 如果这对你有帮助，请告诉我

---

我刚刚添加了

以直接子对象

只需使用CSS特性：

.cb_inline_block {
    display:inline-block;
}



.cb_table-hover tr:hover td,
.cb_table-hover tr:hover th{
      background-color: #cfe2e8;  
}


.cb_table-hover .sub_table-hover tr:hover td,
.cb_table-hover .sub_table-hover tr:hover th{
      background-color: #cfe2e8;  
}

---

如果取消对子表悬停脚本的注释，这将非常有效。太好了，谢谢你。但是，您还取消了对子表的css的注释。这把小提琴现在是正确的：

.cb_inline_block {
    display:inline-block;
}



.cb_table-hover tr:hover td,
.cb_table-hover tr:hover th{
      background-color: #cfe2e8;  
}


.cb_table-hover .sub_table-hover tr:hover td,
.cb_table-hover .sub_table-hover tr:hover th{
      background-color: #cfe2e8;  
}