vue render函数中渲染伪类元素和style中scoped的问题？

使用vue的render生成一个table 需求以下：根据文件类型加载不一样的图标

因而我用css伪类写了几种带折角的图标，起始样式同样，就是颜色和中间文字不同：

效果图以下

而后使用render函数生成表格：

其实就是根据文件类型不一样，加载我写好的class

为了测试我还在table下方单独写了几个div看看效果：

结果,坑来了。。。。。。。。。。。。。。。。

下面的静态div一切正常，表格里面的render的没效果？坑我啊？

看一下页面的dom，class已经生成了啊

对比一下有效果的div

好像没什么区别，在仔细看看卧槽。。发现问题了。。。。。。。

这是什么鬼

原来是style scoped生成了css模块化，去掉scoped一切ok

但愿对你们有用