css给文字加渐变色文字不显示了,vue项目？

Question

通过css给文字添加加渐变效果文字不显示了，谷歌浏览器，是因为兼容性问题吗？
模板半部分,pug模板
.flex-v.real-time-trading 实时数据

.real-time-trading
  height 32px
  padding-top 31px
  padding-left 38px
  line-height 32px
  font-size 28px
  background linear-gradient(to right, red, blue)
  -webkit-background-clip text
  color transparent

css样式显示情况

Answer 1

被其他样式覆盖了吧 ，你看我这个

Answer 2

background: linear-gradient(to right, red, green);
-webkit-background-clip: text;

样式只要这两行
在控制台css显示-webkit-background-clip: text;不生效 实际上是生效了的

你仔细检查生效了没有 有可能只是颜色原因效果不明显