目录
- 前言
- css样式穿透方法
- 不加css样式穿透的代码
- 加css样式穿透的代码
- [不加css样式穿透的代码 与 加css样式穿透的代码 的差别](#不加css样式穿透的代码 与 加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未被加上了属性选择器