子元素没继承父元素的css特性是为啥？

Question

我想动态创建一个表格，这个表格嵌套在两个div里，我设置父div的css属性，也设置了子div的一个css属性，但是table并没有继承这两个div的css特性，或者应该这么说这两个div根本没有起作用TAT。

1.代码截图：

（firstDiv就是父Div，secondDiv就是子Div）；
这是js创建的动态表格，我是从html代码转变过来的，HTML的代码如下图：

2.原本要生成的表格是长这样的：

但是js代码动态生成，就没有继承两个div的css属性，变成：

3.所以这是为啥啊？

Answer 1

并不是所有的css特性都会被默认继承的。
再说你为何不直接写对应class的css样式呢。