忽略父CSS以更改子项的背景

Question

我创建了两个表Parent及其子，我想为两者使用不同的CSS但是问题是子表也加载父表的css我希望我的子表应该有白色背景，我试过{{ 1}}对于子表，inline styling，#ID明智的样式为子表，但我无法将背景设置为白色，因为我能够用我的CSS更改其fontsize，请让我知道有没有办法让子表使用自己的派生css？

在下图中，ABC是父表，在popover中有一个.Class标题，它是子表：

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课程，这样就不再需要这些课程了。 Read more here...

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