用js写入style标签的line-height为什么不生效？

Question

闲着没事写了个自动生成棋盘格的js代码，想所有东西都用js实现

写入样式表的其他样式都正常，只有line-height不生效，求教为什么，代码如下

这里传入的width和height是我生成dom树的时候计算出来的，数值没有问题

chrome devtools 的样式表如下，虽然看起来生效了，但是height值并没有被称高，只有被字体默认撑起的50px

还望解惑！

Answer 1

把line-height放在font之后。因为font定义中会覆盖掉之前的line-height设置，即使写的方式不是36px/92px这种形式