vue中 css scoped原理

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

html 如下

子被父覆盖

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

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

还是被覆盖了

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

相关推荐
诗句藏于尽头6 分钟前
音乐播放器-单html文件
前端·html
歪歪1007 分钟前
ts-jest与其他TypeScript测试工具的对比
前端·javascript·测试工具·typescript·前端框架
CodeSheep12 分钟前
JetBrains官宣,又一个IDE可以免费用了!
前端·后端·程序员
刘新明198914 分钟前
Frida辅助分析OLLVM虚假控制流程(下)
java·开发语言·前端
江城开朗的豌豆31 分钟前
小程序登录不迷路:一篇文章搞定用户身份验证
前端·javascript·微信小程序
aesthetician36 分钟前
React 19.2.0: 新特性与优化深度解析
前端·javascript·react.js
FIN66681 小时前
射频技术领域的领航者,昂瑞微IPO即将上会审议
前端·人工智能·前端框架·信息与通信
U.2 SSD1 小时前
ECharts漏斗图示例
前端·javascript·echarts
江城开朗的豌豆1 小时前
我的小程序登录优化记:从短信验证到“一键获取”手机号
前端·javascript·微信小程序
excel1 小时前
Vue Mixin 全解析:概念、使用与源码
前端·javascript·vue.js