阳西县网络问政新平台,如何做网站搜索引擎优化,做网站的职业规划,开发手机端网站模板scoped 属性是 HTML5 中的新属性。 当style标签拥有scoped属性时#xff0c;它的css样式只能用于当前的Vue组件#xff0c;可以使组件的样式不相互污染。 如果一个项目的所有style标签都加上了scoped属性#xff0c;相当于实现了样式的模块化。 1、全页面覆盖
不添加scoped… scoped 属性是 HTML5 中的新属性。 当style标签拥有scoped属性时它的css样式只能用于当前的Vue组件可以使组件的样式不相互污染。 如果一个项目的所有style标签都加上了scoped属性相当于实现了样式的模块化。 1、全页面覆盖
不添加scoped
style langless /deep/.hp-cell-content .ivu-tabs-content {height: calc(100vh - 6.5rem - 60px);}
/style2、单页面样式覆盖
1、命名空间
Cell classcellSty title单元格样式覆盖 /style langless.cellSty {.hp-cell-content .ivu-tabs-content {height: calc(100vh - 6.5rem - 60px);}}
/style2、穿透
Cell title单元格样式覆盖 /style langless scoped/deep/.hp-cell-content .ivu-tabs-content {height: calc(100vh - 6.5rem - 60px);}
/style总结单页面覆盖iview样式时若采用自定义类名不用添加scoped使用穿透方式需要添加。
