vue中 css scoped原理

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

html 如下

子被父覆盖

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

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

还是被覆盖了

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

相关推荐
Forrit2 分钟前
RAG处理PDF图片:步骤顺序与完整流程
前端·数据库·pdf
yaaakaaang13 分钟前
(五)前端,如此简单!---变量
前端·javascript
2501_9419820516 分钟前
企微私域:实现企业通讯工具外部群消息的自动化主动推送
java·前端·javascript
三*一19 分钟前
基于 Turf.js 实现高精度多边形修整工具(模拟 ArcGIS 修整功能)
开发语言·前端·javascript·arcgis·maobox gl·turf.js
踩着两条虫20 分钟前
VTJ.PRO 在线应用开发平台的工作台与后台管理视图
前端·人工智能·ai编程
踩着两条虫20 分钟前
VTJ.PRO 在线应用开发平台多平台运行时(Web, H5, UniApp)
前端·低代码·ai编程
ZC19959228 分钟前
Node.js npm 安装过程中 EBUSY 错误的分析与解决方案
前端·npm·node.js
升鲜宝供应链及收银系统源代码服务30 分钟前
生鲜配送供应链管理系统源代码之升鲜宝社区团购商城小程序(一)
java·前端·数据库·小程序·notepad++·供应链系统源代码·多门店收银系统
ghhgy53134 分钟前
Chrome、Edge浏览器显示“由贵组织管理”,删除、解决方法
前端·chrome·edge
533_35 分钟前
[svg] fill-opacity、stroke-opacity与opacity
前端