这里以<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预处理器的样式穿透是 >>> 所以就对这几个预处理器的穿透做了总结