uniapp css样式穿透

目录

  • 前言
  • css样式穿透方法
  • 不加css样式穿透的代码
  • 加css样式穿透的代码
  • 不加css样式穿透的代码 与 加css样式穿透的代码 的差别
  • 参考

前言

css样式穿透方法

使用 /deep/ 进行css样式穿透

不加css样式穿透的代码


uniapp css样式穿透_第1张图片

加css样式穿透的代码


uniapp css样式穿透_第2张图片

不加css样式穿透的代码 与 加css样式穿透的代码 的差别

uniapp css样式穿透_第3张图片

  • 不加css样式穿透时,编译后的代码中,css被加上了属性选择器[data-v-2a183b29]
    uniapp css样式穿透_第4张图片
  • 加css样式穿透时,编译后的代码中,css未被加上了属性选择器

参考

vue 之 CSS进行样式穿透的方法(/deep/、::v-deep、>>> 、:deep、额外的全局<style>)

你可能感兴趣的:(uniapp,uni-app)