vue样式穿透的写法

文章目录

  • Vue2中的样式穿透如何使用
  • Vue3中的样式穿透如何使用

参考: https://blog.csdn.net/weixin_46022934/article/details/123993834

Vue2中的样式穿透如何使用

  • 第一种写法(原生css):
.类名 >>> .类名{样式}
  • 第二种(预处理器:less,sass):
 /deep/ .类名{样式}
 父类 /deep/ 子类
  • 第三种(预处理器:less,sass):
 ::v-deep .类名{样式}
 父类 ::v-deep 子类

Vue3中的样式穿透如何使用

  • 第一种 :deep()
:deep(样式选择器){样式}
  • 第二种 ::v-deep
::v-deep(样式选择器){样式}

你可能感兴趣的:(壹囝臜+,vue.js,前端,javascript)