不同的CSS预处理器的穿透（less，sass，stylus）

这里以<el-button>为例：

less

<style scoped lang="less">
/deep/ .el-button{
  color:red;
}
</style>

scss

<style scoped lang="scss">
:v-deep .el-button{
  color:red;
}
</style>

stylus

<style scoped lang="stylus">
>>> .el-button{
  color:red;
}
</style>

这也是我在项目中遇到的问题当时的预处理器是stylus 我使用 /deep/  ::v-deep发现修改的样式并不能生效，最后发现stylus预处理器的样式穿透是 >>> 所以就对这几个预处理器的穿透做了总结