默认情况 :写在组件中的样式会 全局生效 ,因此很容易造成多个组件之间的样式冲突问题。
1、 全局样式 : 默认组件中的样式会作用到全局
2、 局部样式 : 可以给组件加上 scoped 属性, 让样式只作用于当前组件
// abcd就是scoped给添加的属性
<p abcd>1</p>
<style>
p[abcd] {
color: red;
}
</style>
微信扫一扫
默认情况 :写在组件中的样式会 全局生效 ,因此很容易造成多个组件之间的样式冲突问题。
1、 全局样式 : 默认组件中的样式会作用到全局
2、 局部样式 : 可以给组件加上 scoped 属性, 让样式只作用于当前组件
// abcd就是scoped给添加的属性
<p abcd>1</p>
<style>
p[abcd] {
color: red;
}
</style>
相关推荐