vue中 css scoped原理

Vue中css的逻辑是先放子组件,然后放父组件,所以同样的css类名,子组件会被父组件覆盖

html 如下

子被父覆盖

scoped是通过给组件加hash值,锁定组件。

父子组件均scoped的情况下,子仍会覆盖

还是被覆盖了

如何避免被覆盖?
父子组件不要用相同的class名称

相关推荐
omnibots3 分钟前
瑞萨SDK编译linux时,make menuconfig报错
linux·服务器·前端·嵌入式硬件
魔云连洲5 分钟前
前端树形结构过滤算法
前端·算法
前端小咸鱼一条33 分钟前
19. React的高阶组件
前端·javascript·react.js
狮子座的男孩1 小时前
js基础:10、函数对象方法(call/apply)、arguments类数组对象、Date对象、Math工具类、包装类、字符串方法、正则表达式
前端·javascript·正则表达式·包装类·字符串方法·arguments·date对象
jackzhuoa1 小时前
Rust 异步核心机制剖析:从 Poll 到状态机的底层演化
服务器·前端·算法
JIngJaneIL1 小时前
财务管理|基于SprinBoot+vue的个人财务管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·财务管理系统
qq_338032921 小时前
VUE的生命周期钩子,vue2和vue3的生命周期钩子的核心差异
前端·javascript·vue.js
IT_陈寒2 小时前
Vue3性能翻倍秘籍:5个Composition API技巧让你的应用快如闪电⚡
前端·人工智能·后端
Dontla2 小时前
npm install命令介绍
前端·npm·node.js
天天向上10242 小时前
vue2 vue3 修改elementUI和elementPlus主题颜色
前端·javascript·elementui