/deep/与<<<

1.1“>>>”的作用和/deep/一样,把[data-v-67952791] 提前(这里的[data-v-…]会变化的),后面说/deep/
适用的情况:就是没有写lang
在这里插入图片描述
1.2/deep/
作用情况:写了less或者scss
在这里插入图片描述
/deep/与<<<_第1张图片
Vue里面的css解析时[data-v-67952791]在后面
…___drawing-list .kc-reduce-header[data-v-67952791] {
}
加上这/deep/就会把[data-v-67952791] 提前
…___drawing-list[data-v-67952791] .kc-reduce-header {
}
//scope把样式私有在页面

你可能感兴趣的:(css,web,vue.js,css3,less)