Style 中的 ‘＞＞＞‘ 与 ‘ /deep/（sass/less）‘介绍

Vue style 深度作用选择器

这两个深度选择器的主要作用就行修改UI库中的默认样式

1. ‘>>>’

.page {
  >>> .van-skeleton {
    margin-top: 10px;
  }
  >>> .van-skeleton__title {
    height: 30px;
  }
  >>> .van-skeleton__row {
    height: 30px;
  }
  .van-pull-refresh {
    min-height: 700px;
  }
}

这段css主要的作用就是修改vantUI中的默认样式，/deep/的用法和此类似主要就是修改默认的样式

1. ’ /deep/‘