vue: 深度选择器

0. 如果是你自定义的组件，用到了插槽。可在父页面子组件标签上加类名，插槽标签加类名来修改样式
   

1. 遇到过两个问题：
   1） 后台渲染的标签无法修改样式。（但去掉scope就好了）项目链接：链接
   
   2） 使用vant组件，无法直接修改样式
   2.解决：
   方法1：朋友说这个是前辈教他的。
   // vue单文件是允许多个单文件组件的 ：链接

<style lang="stylus">
.drawing-wrapper
  p
    width 100%
    padding 0.1rem 0
    color #666
    font-size 0.13rem
    text-align center
    img
      width 100%
</style>

// 外层再套一个style标签。去掉scope。在父类下直接写样式就可以了

方法二：vue的深度选择器（我这里用的是stylus）

      .drawing-wrapper
        /deep/ p // 深度选择器
          width 100%
          padding 0.1rem 0
          color #666
          font-size 0.13rem
          text-align center
          img
            width 100%

// 前面加个 /deep/ 或 >>> 就好了