html - 忽略父 CSS 以更改子背景

Question

我已经创建了两个表父表及其子表，我想为两者使用不同的 CSS，但问题是子表也在加载父表的 css，我希望我的子表应该有白色背景，我尝试inline styling了子表#ID，，.Class子表的明智样式，但我无法将背景设置为白色，因为我可以使用我的 css 更改其字体大小，请告诉我有没有办法让子表使用它自己的派生 css？

在下图中 ABC 是父表，在弹出框内有一个标题Top events是子表：

Answer 1

试试这个：

CSS

.parent-table {
  /* styling for the parent table */
}
.parent-table .child-table {
  /* styling for the child table */
}

HTML

<table class="parent-table">
  <tr><td><table class="child-table">...</table>...</td></tr>
  ...
</table>

Answer 2

您是否尝试过使用!important子类的属性？这将覆盖为该属性分配的任何先前样式，并允许您找出样式是否存在问题或类的顺序。

注意：作为最佳实践，请避免!important在任何地方添加，仅在绝对必要时使用。在这种情况下，您可以在 css 声明中将子类放在父类之后。使用!important可以帮助您确定您的课程在风格上是否正确但顺序错误。然后，尝试在父母之后订购您孩子的 CSS 课程，这样就不再需要重要的东西了。 在这里阅读更多...

我认为@Jacqui 下面的回答也应该解决这个问题。