uniapp css样式穿透

目录

前言

css样式穿透方法

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

不加css样式穿透的代码

css 复制代码
<style>
	div {
		background-color: #ddd;
	}
</style>

加css样式穿透的代码

css 复制代码
<style>
	/deep/ div {
		background-color: #ddd;
	}
</style>

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

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

参考

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

相关推荐
耶啵奶膘3 小时前
uniapp-是否删除
linux·前端·uni-app
断墨先生9 小时前
uniapp—android原生插件开发(3Android真机调试)
android·uni-app
guai_guai_guai10 小时前
uniapp
前端·javascript·vue.js·uni-app
阿伟来咯~15 小时前
一些 uniapp相关bug
uni-app·bug
瑶琴AI前端19 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
mosen86819 小时前
Uniapp去除顶部导航栏-小程序、H5、APP适用
vue.js·微信小程序·小程序·uni-app·uniapp
尚梦1 天前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
尚学教辅学习资料1 天前
基于SSM+uniapp的营养食谱系统+LW参考示例
java·uni-app·ssm·菜谱
Bessie2341 天前
微信小程序eval无法使用的替代方案
微信小程序·小程序·uni-app
qq22951165022 天前
小程序Android系统 校园二手物品交换平台APP
微信小程序·uni-app