- 博客(3)
- 收藏
- 关注
原创 vue3 css deep 不生效,scoped和deep原理
使用 scoped 后,父组件的样式将不会渗透到子组件中。不过,子组件的根节点会同时被父组件的作用域样式和子组件的作用域样式影响。这样设计是为了让父组件可以从布局的角度出发,调整其子组件根元素的样式。在 vue3 中用:deep(),需要 vue3 的template里加上父标签,并在 less 中使用父标签包裹 要穿透的样式内容。scoped 会在元素上添加唯一的属性(data-v-xxxx),css编译后也会加上属性选择器,从而达到限制作用域的目的。1、scoped原理。
2024-07-29 18:13:37 201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人