0


CSS深度选择器(穿透)

问题:[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>)

//报错
 <style lang="scss" scoped> 
::v-deep .demo{ background: yellow; }
 </style>
修改:
//正确 
 <style lang="scss" scoped>
 :deep(.demo){ background: yellow; }
 </style>

CSS深度选择器(穿透)

1、stylus的样式穿透 使用>>>(不推荐)

语法:

外层容器 >>> 组件 { }

2、sass和less的样式穿透,分别是 /deep/ 与 ::v-deep。

语法:

外层容器 /deep/ 组件 { }
外层容器 ::v-deep组件{ }
标签: css vue.js 前端

本文转载自: https://blog.csdn.net/cs007711/article/details/129200537
版权归原作者 陈序员@ 所有, 如有侵权,请联系我们删除。

“CSS深度选择器(穿透)”的评论:

还没有评论