scoped属性是 HTML5 中的新属性。当style标签拥有scoped属性时，它的css样式只能用于当前的Vue组件，可以使组件的样式不相互污染。
如果一个项目的所有style标签都加上了scoped属性，相当于实现了样式的模块化。
1、全页面覆盖
不添加scoped文章来源：https://www.toymoban.com/news/detail-656184.html
<style lang="less" >
/deep/.hp-cell-content .ivu-tabs-content {
height: calc(100vh - 6.5rem - 60px);
}
</style>
2、单页面样式覆盖
1、命名空间
<Cell class="cellSty" title="单元格样式覆盖" />
<style lang="less">
.cellSty {
.hp-cell-content .ivu-tabs-content {
height: calc(100vh - 6.5rem - 60px);
}
}
</style>
2、穿透
<Cell title="单元格样式覆盖" />
<style lang="less" scoped>
/deep/.hp-cell-content .ivu-tabs-content {
height: calc(100vh - 6.5rem - 60px);
}
</style>
总结：单页面覆盖iview样式时，若采用自定义类名，不用添加
scoped，使用穿透方式需要添加。文章来源地址https://www.toymoban.com/news/detail-656184.html
到了这里，关于iview默认样式覆盖的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
