三大样式穿透 >>> , ::v-deep , /deep/
在style经常用scoped属性实现组件的私有化,所以才需要样式穿透
需要注意:
- >>> 只作用于css
- ::v-deep 只作用于sass
- /deep/ 只作用于less
<style lang="scss" scoped> ::v-deep .el-input__inner{ padding:0 10px; }
<style lang="less" scoped> /deep/ .el-input__inner{ padding:0 10px; }
<style> >>> .ivu-input { text-align: center!important; } </style>