美文网首页
Vue2、Vue3中 CSS 穿透(深度选择器)

Vue2、Vue3中 CSS 穿透(深度选择器)

作者: Cherry丶小丸子 | 来源:发表于2022-04-26 10:10 被阅读0次
vue2.x
第一种写法箭头三剑客(原生css):>>>
.类名 >>> .类名{ 样式 }

第二种(预处理器:sass、less):/deep/
/deep/ .类名{ 样式 }

第三种(预处理器:sass、less):::v-deep
::v-deep .类名{ 样式 }
vue3.x
第一种::deep()
:deep( 样式选择器 )

第二种:::v-deep()
::v-deep( 样式选择器 )

// 插槽选择器
:slotted()
// 全局选择器
:global()

相关文章

网友评论

      本文标题:Vue2、Vue3中 CSS 穿透(深度选择器)

      本文链接:https://www.haomeiwen.com/subject/gvecyrtx.html