vue style穿透选择器

原文链接：http://fenxianglu.cn/article/183

如果要在scope作用域下修改外部样式，这里就需要穿透（深度）选择器

一、CSS使用>>>

<style scoped>
  .list >>> .item {
      padding: 8px 0;
  }
</style>

二、less使用 /deep/

<style lang="less" scoped>
 /deep/ .list .item {
      padding: 8px 0;
  }
</style>

三、scss使用::v-deep

<style lang="scss" scoped>
::v-deep .list .item {
      padding: 8px 0;
  }
</style>

参考链接：

• 官方说明：https://vue-loader.vuejs.org/...
• 官方说明(中文)：https://vue-loader.vuejs.org/...