uniapp css样式穿透

发布时间：2024年01月23日

目录

前言

略

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＞）

文章来源:https://blog.csdn.net/sayyy/article/details/135761255
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章