uniapp css样式穿透

前言

css样式穿透方法

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

不加css样式穿透的代码

<style>
	div {
   
		background-color: #ddd;
	}
</style>

在这里插入图片描述

加css样式穿透的代码

<style>
	/deep/ div {
   
		background-color: #ddd;
	}
</style>

在这里插入图片描述

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

在这里插入图片描述

  • 不加css样式穿透时,编译后的代码中,css被加上了属性选择器[data-v-2a183b29]
    在这里插入图片描述
  • 加css样式穿透时,编译后的代码中,css未被加上了属性选择器

参考

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

相关推荐

  1. CSS--样式穿透

    2024-01-24 09:36:01       65 阅读
  2. uniapp引用第三方组件样式无法穿透

    2024-01-24 09:36:01       41 阅读
  3. 前端中css穿透样式:deep的用法

    2024-01-24 09:36:01       33 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-24 09:36:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-24 09:36:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-24 09:36:01       82 阅读
  4. Python语言-面向对象

    2024-01-24 09:36:01       91 阅读

热门阅读

  1. uniapp 中使用 rem 以及改变窗口动态刷新页面

    2024-01-24 09:36:01       39 阅读
  2. Node.js Shell 脚本开发指南(中)

    2024-01-24 09:36:01       46 阅读
  3. 第六章 使用 SQL Search - 词干提取和分解

    2024-01-24 09:36:01       48 阅读
  4. 2401llvm,合并clang语法树

    2024-01-24 09:36:01       44 阅读
  5. MRD市场需求文档

    2024-01-24 09:36:01       52 阅读
  6. windows 安装sql server 华为云文档

    2024-01-24 09:36:01       54 阅读
  7. React和Vue的生态系统有何不同?

    2024-01-24 09:36:01       56 阅读
  8. Pytorch Tensor 维度变换学习记录

    2024-01-24 09:36:01       58 阅读
  9. PMP考試刷題20240124

    2024-01-24 09:36:01       56 阅读