三个样式穿透 >>> , ::v-deep , /deep/
在style经常用scoped属性实现组件的私有化,所以才需要样式穿透
需要注意:
- >>> 只作用于css
- ::v-deep 只作用于sass
- /deep/ 只作用于less
比如:
1、>>>
<style>
.phone{
.cl-progress-bar__outer >>> .cl-progress-bar__inner{
border-radius: 0;
}
</style>
2、::v-deep
<style lang="scss" scoped>
::v-deep .el-table__body{
padding-bottom: 10px;
}
</style>
3、/deep/
<style lang="less" scoped>
/deep/ .el-table__body{
padding-bottom: 10px;
}
</style>