vue里样式不起作用的方法，可以通过deep穿透的方式

vue里可以使用/deep/或者::v-deep来做穿透

1、在less里

<style lang='less' scoped>
   /deep/ 第三方组件类名{
       样式
    }
 </style>

2、在scss里

<style lang='scss' scoped>
  ::v-deep 第三方组件类名{
       样式
    }
 </style>

   3、解决实际遇到的问题

     原先根据代码生成一个链接，但显示的时候好像没有体现出来，看内容值也是对的，下面是具体的内容值。

同时看下面的a样式也是正常的，所以因为其它原因被屏蔽了。

这个怎么修改这个样式都是没有什么用的，这个时候就需要穿透技术了

.article-content {
      p {
        word-wrap: break-word;
        word-break: break-all;
        text-overflow: initial;
        white-space: normal;
        font-size: .9rem !important;
        margin-bottom: .8rem;
      }
      /deep/ a {
        color: #1890ff;
      }

因为我这里是less，所以用/deep/的对a样式进行颜色穿透，效果如下：