阻止风格蔓延到子表格

Question

我有一个嵌套在另一个表中的表。我有一个样式分配给两个表的每个第二个tr，但问题是相同的样式也传播到子表。

这是我的风格：

.table .collapse-row td {
  border-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}

这是问题的一个方面： https://jsfiddle.net/DTcHh/42119/

这是一个隐藏每一行的表格，当我按下一行时，第二行会展开。需要提到的样式，因此第二行在隐藏时不会占用任何空间。问题是“值”和行扩展然后具有“Value2”的子表行也受我的样式影响，因此松开填充并小于“值”行。

以下是问题的图片：

Answer 1

这就是＆＃34; Cascade＆＃34;在层叠样式表中代表。大多数时候你想要的风格是＆＃34; Cascade＆＃34;儿童元素。你必须设计＆＃34;内部＆＃34;表直接用于忽略从父级继承的样式。