使用浏览器自带的打印方法导致页面部分样式失效？

Question

我结合template.js框架，调用浏览器自带的打印方法window.print();想要让表格的部分字体样式显示成红色，但是不知道为什么html页面上样式是存在的，但是打印页面字体样式无效。
代码如下：

页面样式：

打印样式：

我百度了一下有人说要把样式加在@media print{}，但是好像还是没有啥用，这是咋回事呀？