答案如下：原因是通过测试，这是因为vue文件中的style标签添加了scoped的原因，而scoped的作用是为了保证这些css样式只会对当前vue文件(组件)生效，但是由于其他vue文件(组件)中也有可能会出现相同的class名相同的css样式，于是vue就采用了添加随机后缀的方式防止class名重复的样式出现样式覆盖的情况。
很多原因可导致不生效：
css书写不规范导致的错误；
css书写错误，导致css不生效；
浏览器缓存导致css没有更新过来；
css浏览器不兼容导致等等一系列其它原因。
第一，可能你没引用该css第二，可能你选择器的优先级不够
第三，可能被后面的css覆盖掉了
第四，可能是js动态改变了该css
第五，你没有进行底层刷新清除缓存样式
