网站制作网页设计蜜雪冰城推广软文

前言

略

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